内容提交

longyvfengyun

2023-11-29 11713ebaf140cce03b439146aa63677d725112e7

 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>