From 8eeb34c0adcaaa2b56311fc6d8fdf454d82ac700 Mon Sep 17 00:00:00 2001 From: zhitan-cloud <394600+ustcyc@user.noreply.gitee.com> Date: 星期四, 29 八月 2024 10:43:17 +0800 Subject: [PATCH] !1 fix bug Merge pull request !1 from zhitan-cloud/develop1.0 --- energy_management_ui/src/views/login.vue | 50 +++++++++++++++++++++++++++++++++++++++----------- 1 files changed, 39 insertions(+), 11 deletions(-) diff --git a/energy_management_ui/src/views/login.vue b/energy_management_ui/src/views/login.vue index ce36cab..7b32691 100644 --- a/energy_management_ui/src/views/login.vue +++ b/energy_management_ui/src/views/login.vue @@ -6,15 +6,23 @@ :src="'https://www.toray.cn/shared/images/toray_logo_ch.svg'" alt="" /> - <div>涓滀附鍖荤枟鑳芥簮绠$悊骞冲彴</div> + <div>缁煎悎鑳芥簮绠$悊绯荤粺</div> </div> <div class="login"> - <div class="demo-image"> + <!-- <div class="demo-image"> <el-image style="width: 75%;" :src="logo"></el-image> - </div> + </div> --> <div class="login-form"> <el-form ref="loginForm" :model="loginForm" :rules="loginRules"> - <div class="title">鐢ㄦ埛鐧诲綍</div> + <!-- <div class="title">鐢ㄦ埛鐧诲綍</div> --> + <div class="logo-view title"> + <img + style="width: 100px;margin-right: 30px " + :src="'https://www.toray.cn/shared/images/toray_logo_ch.svg'" + alt="" + /> + <div>缁煎悎鑳芥簮绠$悊绯荤粺</div> + </div> <el-form-item prop="username" style="margin-bottom: 21px"> <el-input v-model="loginForm.username" @@ -170,22 +178,28 @@ <style rel="stylesheet/scss" lang="scss" scoped> .logo-page { height: 100%; - background-image: url("../assets/image/login-background.png"); + background-image: url("../assets/image/bg.jpg"); + // background-image: url("../assets/image/login-background.png"); background-size: cover; overflow: hidden; + // background: ; + // background: linear-gradient(80deg, #073b70 0%, rgba(7, 59, 112, 0) 100%); + // background: linear-gradient(90deg, #101d32 0%, rgba(0, 0, 0, 0.5) 100%); .logo-png { font-size: 24px; display: flex; align-items: center; font-weight: bold; - color: #333; + color: #fff; padding: 3.4% 0 0 74px; + position: absolute; } .login { display: flex; - justify-content: space-between; + // justify-content: space-between; + justify-content: center; padding: 0 17.24%; height: calc(100% - 73px * 2); align-items: center; @@ -194,15 +208,29 @@ .title { font-size: 22px; color: #38bcbf; - margin-bottom: 22px; + margin-bottom: 32px; font-weight: 600; } .login-form { border-radius: 10px; - background: #ffffff; - width: 32%; - padding: 25px 25px 5px 25px; + // background: #ffffff; + width: 36%; + padding: 32px 64px; + // background: #061844; + border-radius: 4px; + // box-shadow: 0 7px 14px 6px #2f4b9a; + margin-top: 6px; + border: 1px solid #061844; + background: rgba($color: #ffffff, $alpha: 0.06); + + .logo-view { + display: flex; + align-items: center; + color: #fff; + font-size: 26px; + font-weight: 600; + } .el-input { height: 38px; -- Gitblit v1.9.3