From 11713ebaf140cce03b439146aa63677d725112e7 Mon Sep 17 00:00:00 2001 From: longyvfengyun <496960745@qq.com> Date: 星期三, 29 十一月 2023 17:32:05 +0800 Subject: [PATCH] 内容提交 --- src/views/login.vue | 26 ++++++++++++++++++++++++-- 1 files changed, 24 insertions(+), 2 deletions(-) diff --git a/src/views/login.vue b/src/views/login.vue index 80f9819..07ee068 100644 --- a/src/views/login.vue +++ b/src/views/login.vue @@ -1,5 +1,5 @@ <script setup> -import loginPageImg from '@/assets/images/login-page-img.png'; +import loginPageImg from '@/assets/images/login-page-img1.jpg'; import {loginMoudle} from "@/views/moudle/user/login"; const {username, password, User, Lock, checkLogin} = loginMoudle(); </script> @@ -9,9 +9,13 @@ <div class="login-content-wrapper"> <div class="login-img"> <img :src="loginPageImg" alt="" /> +<!-- <img src="@/assets/images/logo1.png" alt="" />--> </div> <div class="login-content"> - <div class="sys-name">鍔ㄥ姏鐢垫睜瀹夊叏妫�娴嬪ぇ鏁版嵁鍒嗘瀽骞冲彴</div> + <div class="sys-name"> +<!-- <img src="@/assets/images/logo1.png" width="50" alt="" />--> + 鍔ㄥ姏鐢垫睜瀹夊叏妫�娴嬪ぇ鏁版嵁鍒嗘瀽骞冲彴 + </div> <div class="input-wrapper"> <el-input v-model="username" size="large" placeholder="璇疯緭鍏ヨ处鎴峰悕" :prefix-icon="User" /> </div> @@ -23,11 +27,15 @@ </div> </div> </div> + <div class="footer-content"> + <span style="margin-right: 16px">婀栧寳宸ヤ笟澶у</span><span>鏅鸿兘閫氫俊涓庡ぇ鏁版嵁鍒嗘瀽鍥㈤槦</span> + </div> </div> </template> <style lang="less" scoped> .login-wrapper { + position: relative; display: flex; justify-content: center; flex-direction: column; @@ -61,8 +69,15 @@ .sys-name { text-align: center; font-size: 24px; + letter-spacing: 2px; font-weight: 400; margin-bottom: 30px; + img { + vertical-align: middle; + } + .sub-text { + font-size: 14px; + } } .input-wrapper { margin-bottom: 20px; @@ -73,4 +88,11 @@ width: 100%; } } +.footer-content { + position: absolute; + width: 100%; + bottom: 16px; + text-align: center; + color: #FFFFFF; +} </style> -- Gitblit v1.9.1