更改

pages/index/index.vue

@@ -15,7 +15,7 @@
         </div>
         <div class="login-title">{{userName}}</div>
         <div class="login-button t10" @click="loginuser" v-show="showDefault">用户登录</div>
-        <div class="login-button t11" @click="Merchant" v-show="showDefault" style="color:white">商家入驻</div>
+        <div class="login-button t11" @click="Merchant" v-show="showDefault" >商家入驻</div>
         <div class="login-button" v-show="!showDefault" @click="pushH">管理后台</div>
         <div class="flex" style="margin-top:20px">
           <span v-show="showDefault">还没有账号?</span>
@@ -27,7 +27,7 @@
       <div v-for="(item,index) in messageList" :key="index" class="message-item">
         <div class=" t12">{{item.head}}</div>
         <div >
-          <img style="border-top:2px solid #0486FE" :src="item.src" alt="" >
+          <img style="border-top:2px solid #D8D8D8" :src="item.src" alt="" >
           <div style="margin-top:30px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{''+item.title}}</div>
         </div>
       </div>
@@ -315,10 +315,10 @@ import Cookies from "js-cookie"
     flex-direction: column;
     align-items: center;
     position: absolute;
-    left:1040px;
-    top:214px;
-    /* left:70%; 
-    top:30%; */
+    /* left:1040px;
+    top:214px; */
+    left:63%; 
+    top:30%;
     background: #FFFFFF;
     z-index:9999
   }
@@ -328,13 +328,13 @@ import Cookies from "js-cookie"
     height: 34px;
     line-height: .36rem;
     text-align: center;
-    background: rgba(255, 255, 255, 1);
+    background-color: #FF5203;
     border-radius: 0.03rem;
     margin-bottom: 0.2rem;
     border: 1px solid rgba(4, 134, 254, 1);
     font-size: .16rem;
     font-weight: 300;
-    color: rgba(4, 134, 254, 1);
+    color: #FFFFFF;
     cursor: pointer;
   }
 
@@ -456,37 +456,39 @@ import Cookies from "js-cookie"
     width:100%;
   }
   .font{
-    color:#0B89FE;
+    color:#FF5203;
     cursor:pointer
   }
   .login .t10{
     width: 191px;
     height: 34px;
-    background: #0B89FE;
+    background-color: #FF5203;;
     border-radius: 3px;
-    border: 1px solid #0486FE;
+   /*  border: 1px solid #0486FE; */
     color:white
   }
   .login .t11{
     width: 191px;
     height: 34px;
-    background: #0B89FE;;
+    background-color: #FF5203;
     border-radius: 3px;
-    opacity: 0.3;
-    color:#0B89FE
+    opacity: 0.31;
+    color: #FFFFFF;
   }
   .contentList{
     width:100%;
     margin:0 auto
   }
   .t12{
-     padding-top:50px;
+     margin-top:50px;
+     padding-left:20px;
+     border-left:4px solid  #FF5203;
      margin-bottom: 20px;
     width: 111px;
     height: 24px;
     font-size: 18px;
     font-family: MicrosoftYaHei;
-    color: #0486FE;
+    color: #FF5203;
     line-height: 24px;
         
   }