Files
51dj_admin/src/views/welcome/index.vue
T
rootandClaude Opus 4.7 9656544658 feat: 品牌更名为 51短剧,替换新 logo
- 页面标题、登录、首页、header 文案改为「51短剧后台管理系统」
- public/icon.webp 与 src/assets/images/icon.webp 替换为新 logo
- prod_build.sh 部署路径同步改为 /server/51dj/webadmin/

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
2026-10-14 16:30:59 +08:00

73 lines
1.4 KiB
Vue
Executable File

<template>
<div class="welcome-box">
<div class="titleBox">
<p class="nickname">欢迎登陆「{{ userInfo.admin.name }}」</p>
<p class="title">51短剧后台管理系统</p>
</div>
</div>
</template>
<script>
import local from "@/utils/localStroage.js";
// import list from '@/router/permissionRouter.js'
export default {
data() {
return {};
},
computed: {
userInfo: () => {
return local.get("userInfo");
},
},
};
</script>
<style lang="scss" scoped>
.welcome-box {
width: 100%;
height: 100%;
background: url(../../assets/images/welcome.jpg) no-repeat;
background-size: cover;
background-position: center center;
border-radius: 5px;
div {
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.95);
overflow: hidden;
p {
width: 100%;
text-align: center;
// color: #ff8000;
font-size: 76px;
}
.nickname {
margin: 150px 0 30px 0;
font-size: 50px;
font-weight: 500;
letter-spacing: 5px;
filter: blur(0px);
animation: changeSpcaing 3s;
}
}
.title {
font-weight: 500;
letter-spacing: 5px;
filter: blur(0px);
animation: changeSpcaing 3s;
}
}
.titleBox {
color: rgb(71, 136, 246);
filter: contrast(200%);
}
@keyframes changeSpcaing {
0% {
letter-spacing: -60px;
filter: blur(5px);
}
100% {
letter-spacing: 5px;
filter: blur(0px);
}
}
</style>