Browse Source

登录页样式修改

ming 2 years ago
parent
commit
bd13603750
2 changed files with 28 additions and 13 deletions
  1. 22 7
      src/pages/login.vue
  2. 6 6
      src/static/scss/public.scss

+ 22 - 7
src/pages/login.vue

@@ -1,8 +1,8 @@
 <template>
   <view class="section">
     <view class="bg">
-      <image class="bgImage" :src="bg" v-if="bg" />
-      <image class="bgImage" src="@/static/images/wt/bg.png" v-if="!bg" />
+      <!-- <image class="bgImage" :src="bg" v-if="bg" /> -->
+      <!-- <image class="bgImage" src="@/static/images/wt/bg.png" v-if="!bg" /> -->
     </view>
 
     <view class="middle login">
@@ -270,8 +270,14 @@ onLoad(() => {
   }
 });
 </script>
+<style>
+.uni-input{
+        color:red!important
+      }</style>
 
 <style lang="scss" scoped>
+
+
 .section {
   display: flex;
   width: 100%;
@@ -285,13 +291,13 @@ onLoad(() => {
     left: 0;
     right: 0;
     z-index: 0;
-    background: #000;
+    background: #fff;
     .bgImage {
       width: 100%;
       height: 100%;
     }
   }
-
+  
   .middle {
     position: relative;
     z-index: 1;
@@ -299,7 +305,15 @@ onLoad(() => {
     padding: 0 40px;
     margin: auto;
     margin-top: 30%;
+    #login-input .u-input{
+      border-color:gray!important
+    }
 
+    .uni-input-placeholder{
+      color:gray!important
+
+    }
+    
     .top {
       display: flex;
       margin-bottom: 60px;
@@ -311,13 +325,14 @@ onLoad(() => {
       .title {
         font-size: 20px;
         text-align: center;
-        color: #fff;
+        color: #000;
         margin: auto auto auto 0;
       }
+      
     }
 
     .switchText {
-      color: #fff;
+      color: gray;
       font-size: 16px;
       margin-top: 20px;
       width: 100%;
@@ -341,7 +356,7 @@ onLoad(() => {
     bottom: 10px;
     .title {
       text-align: center;
-      color: #fff;
+      color: #000;
       font-size: 14px;
     }
   }

+ 6 - 6
src/static/scss/public.scss

@@ -145,7 +145,7 @@ uni-input {
     height: 45px;
     border-radius: 24px;
     padding: 5px 12px !important;
-    border-color: #7e7e7e !important;
+    border-color: #000 !important;
     background-color: rgba(255, 255, 255, 0.1) !important;
   }
 
@@ -154,7 +154,7 @@ uni-input {
   }
 
   uni-input {
-    color: #fff !important;
+    color: #000 !important;
     background-color: rgba(255, 255, 255, 0) !important;
     border: 0px solid #ededed !important;
     padding-left: 0 !important;
@@ -163,23 +163,23 @@ uni-input {
   .u-icon__icon {
     font-size: 24px !important;
     line-height: 24px !important;
-    color: #a8abb2 !important;
+    color: gray !important;
   }
 
   .iconfont {
-    color: #a8abb2 !important;
+    color: gray !important;
   }
 
   .u-button {
     width: 35%;
     height: 45px;
     line-height: 45px;
-    color: #fff;
+    color: #2a98ff;
     border-radius: 24px;
     margin: 0 0 0 5%;
     font-size: 17px !important;
     white-space: nowrap;
-    border-color: #7e7e7e !important;
+    border-color: #2a98ff !important;
     background-color: rgba(255, 255, 255, 0.1) !important;
   }