|
@@ -1,5 +1,13 @@
|
|
|
<template>
|
|
|
- <div></div>
|
|
|
+ <div class="height_100 home">
|
|
|
+ <div class="content">
|
|
|
+ <div>
|
|
|
+ {{getTimeState()}}{{ userinfo.name }}
|
|
|
+ </div>
|
|
|
+ 欢迎使用窍笔后台管理系统
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
@@ -11,11 +19,52 @@ export default {
|
|
|
};
|
|
|
},
|
|
|
watch: {},
|
|
|
- computed: {},
|
|
|
+ computed: {
|
|
|
+ userinfo(){
|
|
|
+ return this.$store.getters.userinfo
|
|
|
+ }
|
|
|
+ },
|
|
|
created() {},
|
|
|
mounted() {},
|
|
|
- methods: {},
|
|
|
+ methods: {
|
|
|
+ getTimeState() {
|
|
|
+ // 获取当前时间
|
|
|
+ let timeNow = new Date();
|
|
|
+ // 获取当前小时
|
|
|
+ let hours = timeNow.getHours();
|
|
|
+ // 设置默认文字
|
|
|
+ let state = ``;
|
|
|
+ // 判断当前时间段
|
|
|
+ if (hours >= 0 && hours <= 10) {
|
|
|
+ state = `🌞 早上好!`;
|
|
|
+ } else if (hours > 10 && hours <= 11) {
|
|
|
+ state = `🌞 上午好!`;
|
|
|
+ } else if (hours > 11 && hours <= 13) {
|
|
|
+ state = `🌼 中午好!`;
|
|
|
+ } else if (hours > 13 && hours <= 18) {
|
|
|
+ state = `🌼 下午好!`;
|
|
|
+ } else if (hours > 18 && hours <= 24) {
|
|
|
+ state = `😴 晚上好!`;
|
|
|
+ }
|
|
|
+ return state;
|
|
|
+ }
|
|
|
+ },
|
|
|
};
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
+.home{
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+.content{
|
|
|
+ position: absolute;
|
|
|
+ inset: 0;
|
|
|
+ margin: auto;
|
|
|
+ height:300px;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 80px;
|
|
|
+ font-size: 50px;
|
|
|
+ background: linear-gradient(to right, red, blue);
|
|
|
+ -webkit-background-clip: text;
|
|
|
+ color: transparent;
|
|
|
+}
|
|
|
</style>
|