'admin-21.02.26:修改网站的文案内容'
This commit is contained in:
parent
4fe5fd943d
commit
37dc8accb8
@ -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),
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
@ -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",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
@ -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),
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
@ -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",
|
|
||||||
},
|
|
||||||
]
|
]
|
||||||
|
|
||||||
// 营销推荐
|
// 营销推荐
|
||||||
|
Loading…
Reference in New Issue
Block a user