瀏覽代碼

修改登录页样式

shaogen1995 4 年之前
父節點
當前提交
ca70cfe566
共有 4 個文件被更改,包括 8 次插入6 次删除
  1. 二進制
      src/assets/img/bg.png
  2. 二進制
      src/assets/img/bg2.png
  3. 1 1
      src/pages/login/index.vue
  4. 7 5
      src/pages/login/style.css

二進制
src/assets/img/bg.png


二進制
src/assets/img/bg2.png


+ 1 - 1
src/pages/login/index.vue

@@ -2,7 +2,7 @@
 <template>
 <div class='layout'>
   <div class="layout-con">
-    <img class="logo" :src="require('@/assets/img/4dage-logo.png')" alt="">
+    <!-- <img class="logo" :src="require('@/assets/img/4dage-logo.png')" alt=""> -->
     <img class="lay-bg" :src="require('@/assets/img/bg.png')" alt="">
     <div class="middle">
       <div class="middle-con">

+ 7 - 5
src/pages/login/style.css

@@ -21,6 +21,8 @@
   z-index: -1;
 }
 .middle{
+  max-width: 428px;
+  max-height: 428px;
   background:url('~@/assets/img/bg2.png') no-repeat;
   background-size: cover;
   width: 36.75rem;
@@ -31,20 +33,20 @@
   text-align: center;
 }
 .middle-subtitle{
-  background:url('~@/assets/img/icon.png') no-repeat center center;
+  /* background:url('~@/assets/img/icon.png') no-repeat center center; */
   font-size: 18px;
   font-weight: bold;
   margin-top: 1.2rem;
 }
 .middle-title{
   margin-bottom: 2rem;
-  color: #741A1A;
+  color: #0B4362;
   font-size: 28px;
   line-height: 45px;
   font-weight: bold;
 }
 .middle-con{
-  width: 70%;
+  width: 100%;
   margin: 0 auto;
 }
 
@@ -54,8 +56,8 @@
 
 .login{
   width: 100%;
-  color: #741A1A;
-  background: #DDCC92;
+  color: #fff;
+  background: #0B4362 ;
   cursor: pointer;
   border-radius: 4px;
   font-weight: bold;