处理手机端样式不统一的问题

assets/scss/mobileCenter.scss

@@ -76,6 +76,7 @@
         margin: 0 .28rem;
       }
       span {
+        color:#666;
         font-size: .28rem;
         .text {
           color: #3f84f6;

components/mobile/MobileFooter.vue

@@ -151,12 +151,12 @@
     display: inline-block;
     width: 25%;
     font-size:.32rem;
-    color:#b0b0b0;
+    color:#666;
     padding-top:.1rem;
   }
 
   .mobile-footer > span a{
-    color:#b0b0b0;
+    color:#666;
   }
 
   .mobile-footer > span a i{

components/mobile/center/Message.vue

@@ -16,8 +16,8 @@
             <p>{{item.createTime | time}}</p>
             <a :href="item.type === 'MALL跳转买家已报价页面' ? '/mobile/center/user/seek?seekType=done' : item.type === 'MALL公共询价' ? '/mobile/center/vendor/seek?seekType=wait&messageType=my' : item.type === '商城公共询价采纳结果' ? '/mobile/center/vendor/seek?seekType=done' : ''"
                v-if="item.type"
-               :title="item.content" class="info">{{item.content}}</a>
-            <a v-else :title="item.content" class="noLink info">{{item.content}}</a>
+               :title="item.content" :class="{info: item.isRead === 0}">{{item.content}}</a>
+            <a v-else :title="item.content" class="noLink" :class="{info: item.isRead === 0}">{{item.content}}</a>
           </div>
         </div>
       </div>
@@ -144,13 +144,16 @@
             font-size: .24rem;
             color: #666;
           }
-          a.info{
+          a{
             font-size: .28rem;
-            color: #333;
+            color: #666;
             word-break: break-all;
-            padding:0;
-            &:active{
-               background: #e1e1e1;
+            padding: 0;
+            &.info {
+              color: #333;
+            }
+            &:active {
+              background: #e1e1e1;
             }
           }
         }

components/mobile/user/Admin.vue

@@ -3,15 +3,15 @@
     <div class="info">
       <div class="line">
         <span>用户名：</span>
-        {{info.userName}}
+        <span v-text="info.userName"></span>
       </div>
       <div class="line">
         <span>手机：</span>
-        {{info.userTel}}
+        <span v-text="info.userTel"></span>
       </div>
       <div class="line">
         <span>邮箱：</span>
-        {{info.userEmail}}
+        <span v-text="info.userEmail"></span>
       </div>
     </div>
   </div>
@@ -37,25 +37,28 @@
     height: 3.5rem;
     padding: 0 .24rem;
     font-size: .28rem;
-    color: #999;
     border-radius: .05rem;
     margin-top: .3rem;
-  .line {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    height: 1.16rem;
-    line-height: 1.16rem;
-    border-bottom: .01rem solid #d9d9d9;
-  &:last-child {
-     border-bottom: none;
-   }
-  span {
-    margin-left: .56rem;
-    display: inline-block;
-    width: 1.2rem;
-    text-align: right;
-  }
-  }
+    .line {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      height: 1.16rem;
+      line-height: 1.16rem;
+      border-bottom: .01rem solid #d9d9d9;
+      &:last-child {
+         border-bottom: none;
+       }
+      span {
+        margin-left: .56rem;
+        display: inline-block;
+        width: 1.2rem;
+        color:#666;
+        &:first-child{
+          color:#226ce7;
+          text-align: right;
+        }
+      }
+    }
   }
 </style>

components/mobile/user/Info.vue

@@ -121,7 +121,7 @@
       span{
         display: inline-block;
         font-size: 0.28rem;
-        color: #999;
+        color: #226ce7;
         text-align: left;
         i{
           margin-right: .15rem;

components/supplier/details.vue

@@ -5,9 +5,9 @@
         <div class="container">
           <div class="menu-com row">
             <div class="menu-title col-md-12">
-              <a href="/">首页 ></a>
-              <a href="/supplier">供应商资源 ></a>
-              <a :href="'/supplier/' + uuid">供应商物料库 ></a>
+              <nuxt-link to="/">首页 ></nuxt-link>
+              <nuxt-link to="/supplier">供应商资源 ></nuxt-link>
+              <nuxt-link :to="'/supplier/' + uuid">供应商物料库 ></nuxt-link>
               <span>物料详情</span>
             </div>
           </div>

components/supplier/resource.vue

@@ -5,8 +5,8 @@
       <div class="container">
         <div class="menu-com row">
           <div class="menu-title col-md-12">
-            <a href="/">首页 ></a>
-            <a href="/supplier">供应商资源 ></a>
+            <nuxt-link to="/">首页 ></nuxt-link>
+            <nuxt-link to="/supplier">供应商资源 ></nuxt-link>
             <span>供应商物料库</span>
           </div>
         </div>

pages/mobile/user/enterpriseinfo.vue

@@ -524,7 +524,7 @@
       padding: 0 0.24rem;
       border-bottom: 0.01rem solid #d9d9d9;
       .pull-right {
-        color: #999;
+        color: #666;
         font-size: 0.26rem;
         img {
           width: 0.34rem;
@@ -551,7 +551,7 @@
         }
         &.noupdate {
           background: #fafafa;
-          color: #999;
+          color: #666;
         }
       }
       .name {
@@ -560,10 +560,6 @@
         color: #226ce7;
       }
       &.no-edit {
-        color: #999;
-        .name {
-          color: #999;
-        }
         li:last-child {
           border-bottom: none;
         }

pages/mobile/user/index.vue

@@ -196,6 +196,7 @@
       background: #fff;
       line-height: 1.17rem;
       font-size: .28rem;
+      color:#666;
       padding: 0 .24rem 0 .26rem;
       width: 7.1rem;
       margin: .3rem auto 0;

pages/mobile/user/storeinfo.vue

@@ -476,7 +476,7 @@
     line-height: 0.8rem;
     border-bottom: 0.01rem solid #d9d9d9;
     .pull-right {
-      color: #999;
+      color: #666;
       font-size: 0.26rem;
       img {
         width: 0.34rem;
@@ -534,7 +534,7 @@
       }
       &.noupdate {
         background: #fafafa;
-        color: #999;
+        color: #666;
       }
     }
     .name {
@@ -543,7 +543,7 @@
       color: #226ce7;
     }
     &.no-edit {
-      color: #999;
+      color: #666;
       .name {
         color: #226ce7;
       }