'admin-21.02.26:修改网站的文案内容'

This commit is contained in:
lyt-Top 2021-02-26 19:57:29 +08:00
parent 4fe5fd943d
commit 37dc8accb8
4 changed files with 31 additions and 26 deletions

View File

@ -7,7 +7,7 @@
<img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1813762643,1914315241&fm=26&gp=0.jpg"> <img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1813762643,1914315241&fm=26&gp=0.jpg">
<div class="home-card-first-right ml15"> <div class="home-card-first-right ml15">
<div class="flex-margin"> <div class="flex-margin">
<div class="home-card-first-right-title">早上好admin</div> <div class="home-card-first-right-title">{{currentTime}}admin</div>
<div class="home-card-first-right-msg mt5">超级管理</div> <div class="home-card-first-right-msg mt5">超级管理</div>
</div> </div>
</div> </div>
@ -94,9 +94,10 @@
</template> </template>
<script lang="ts"> <script lang="ts">
import { toRefs, reactive, onMounted, nextTick } from "vue"; import { toRefs, reactive, onMounted, nextTick, computed } from "vue";
import * as echarts from "echarts"; import * as echarts from "echarts";
import { CountUp } from "countup.js"; import { CountUp } from "countup.js";
import { formatAxis } from "/@/utils/formatTime";
import { topCardItemList, environmentList, activitiesList } from "./mock.ts"; import { topCardItemList, environmentList, activitiesList } from "./mock.ts";
export default { export default {
name: "home", name: "home",
@ -125,6 +126,10 @@ export default {
], ],
}, },
}); });
//
const currentTime = computed(() => {
return formatAxis(new Date());
});
// //
const initNumCountUp = () => { const initNumCountUp = () => {
nextTick(() => { nextTick(() => {
@ -254,6 +259,7 @@ export default {
initHomeOvertime(); initHomeOvertime();
}); });
return { return {
currentTime,
...toRefs(state), ...toRefs(state),
}; };
}, },

View File

@ -27,9 +27,9 @@ export default {
const state = reactive({ const state = reactive({
newsList: [ newsList: [
{ {
label: "关于版本发的通知", label: "关于版本的通知",
value: value:
"vue-admin-wonderful-next基于 vue3 + CompositionAPI + typescript + vite + element plus在抓紧时间开发", "vue-admin-wonderful-next基于 vue3 + CompositionAPI + typescript + vite + element plus式发布时间2021年02月28日",
time: "2020-12-08", time: "2020-12-08",
}, },
{ {

View File

@ -14,7 +14,7 @@
</div> </div>
<div class="personal-user-right"> <div class="personal-user-right">
<el-row> <el-row>
<el-col :span="24" class="personal-title mb18">傍晚好admin生活变的再糟糕也不妨碍我变得更好 <el-col :span="24" class="personal-title mb18">{{currentTime}}admin生活变的再糟糕也不妨碍我变得更好
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<el-row> <el-row>
@ -56,7 +56,7 @@
<div class="personal-info-box"> <div class="personal-info-box">
<ul class="personal-info-ul"> <ul class="personal-info-ul">
<li v-for="(v,k) in newsInfoList" :key="k" class="personal-info-li"> <li v-for="(v,k) in newsInfoList" :key="k" class="personal-info-li">
<a href="#" class="personal-info-li-title">{{v.title}}</a> <a :href="v.link" target="_block" class="personal-info-li-title">{{v.title}}</a>
</li> </li>
</ul> </ul>
</div> </div>
@ -183,6 +183,7 @@
<script lang="ts"> <script lang="ts">
import { toRefs, reactive, computed } from "vue"; import { toRefs, reactive, computed } from "vue";
import { formatAxis } from "/@/utils/formatTime";
import { newsInfoList, recommendList } from "./mock.ts"; import { newsInfoList, recommendList } from "./mock.ts";
export default { export default {
name: "personal", name: "personal",
@ -199,7 +200,12 @@ export default {
sex: "", sex: "",
}, },
}); });
//
const currentTime = computed(() => {
return formatAxis(new Date());
});
return { return {
currentTime,
...toRefs(state), ...toRefs(state),
}; };
}, },

View File

@ -1,34 +1,27 @@
// 消息通知 // 消息通知
export const newsInfoList: Array<object> = [ export const newsInfoList: Array<object> = [
{ {
title: "[发布] 2020年11月15日发布 v1.0.0 版本", title: "[发布] 2021年02月28日发布 vue3.x v1.0.0 版本",
date: "02/28",
link: "https://gitee.com/lyt-top/vue-admin-wonderful-next",
},
{
title: "[发布] 2020年11月15日发布 vue2.x v1.0.0 版本",
date: "11/15", date: "11/15",
link: "https://gitee.com/lyt-top/vue-admin-wonderful", link: "https://gitee.com/lyt-top/vue-admin-wonderful",
}, },
{ {
title: title:
"[预览] pro 版本预览 http://lyt-top.gitee.io/vue-admin-wonderful-preview", "[预览] 2020年12月08日基于 vue3.x 版本后台模板的预览",
date: "12/08",
link: "http://lyt-top.gitee.io/vue-admin-wonderful-next-preview",
},
{
title:
"[预览] 2020年11月15日基于 vue2.x 版本后台模板的预览",
date: "11/15", date: "11/15",
link: "http://lyt-top.gitee.io/vue-admin-wonderful-preview", link: "http://lyt-top.gitee.io/vue-admin-wonderful-preview",
}, },
{
title:
"[预览] fashion 版本预览 http://lyt-top.gitee.io/vue-admin-wonderful-fashion-preview",
date: "11/15",
link: "http://lyt-top.gitee.io/vue-admin-wonderful-fashion-preview",
},
{
title:
"[预览] classic 版本预览 http://lyt-top.gitee.io/vue-admin-wonderful-classic-preview",
date: "11/15",
link: "http://lyt-top.gitee.io/vue-admin-wonderful-classic-preview",
},
{
title:
"[预览] elegant 版本预览 http://lyt-top.gitee.io/vue-admin-wonderful-elegant-preview",
date: "11/15",
link: "http://lyt-top.gitee.io/vue-admin-wonderful-elegant-preview",
},
] ]
// 营销推荐 // 营销推荐