Browse Source

手机端首页买卖家中心重新排版

wangcz 7 years ago
parent
commit
34db0b518d
3 changed files with 33 additions and 34 deletions
  1. 7 7
      components/mobile/Home.vue
  2. 12 13
      pages/mobile/center/user/index.vue
  3. 14 14
      pages/mobile/center/vendor/index.vue

+ 7 - 7
components/mobile/Home.vue

@@ -63,12 +63,12 @@
             <!-- <i></i>-->
           </nuxt-link>
         </li>
-        <li>
-          <nuxt-link to="/mobile/brand/brandCenter/A">
-            <img src="/images/mobile/@2x/home/brand.png" alt="">
-            <span>品牌墙</span>
-          </nuxt-link>
-        </li>
+        <!--<li>-->
+          <!--<nuxt-link to="/mobile/brand/brandCenter/A">-->
+            <!--<img src="/images/mobile/@2x/home/brand.png" alt="">-->
+            <!--<span>品牌墙</span>-->
+          <!--</nuxt-link>-->
+        <!--</li>-->
         <li>
           <a @click="goOpenStoreApply">
             <img src="/images/mobile/@2x/home/store-into.png" alt="">
@@ -480,7 +480,7 @@
       li {
         position: relative;
         display: inline-block;
-        width: 20%;
+        width: 24%;
         text-align: center;
         float: left;
         height: 1.56rem;

+ 12 - 13
pages/mobile/center/user/index.vue

@@ -10,7 +10,7 @@
         <img src="/images/mobile/center/user/adv.jpg" alt="">
       </div>
       <div class="block-wrap seek-operation">
-        <p><i></i>我的求购</p>
+        <p><i></i>询价求购</p>
         <ul>
           <nuxt-link to="/mobile/center/user/applyPurchase" tag="li">
             <img src="/images/mobile/center/user/pub.png" alt="">
@@ -28,24 +28,24 @@
       </div>
 
       <div class="block-wrap seek-operation">
-        <p><i></i>更多务</p>
+        <p><i></i>更多务</p>
         <ul>
           <nuxt-link tag="li" to="/mobile/order?type=buyer" class="content-line">
             <img src="/images/mobile/center/user/order.jpg" alt="">
             <p>采购订单</p>
           </nuxt-link>
-          <nuxt-link tag="li" to="/mobile/center/user/cart" class="content-line">
-            <img src="/images/mobile/center/user/cart.jpg" alt="">
-            <p>购物车<span class="text" v-if="carCount > 0">{{carCount && carCount >= 99 ? 99 : carCount || 0}}</span></p>
-          </nuxt-link>
-          <nuxt-link tag="li" to="/mobile/center/user/outOfStorage?providerType=person">
-            <img src="/images/mobile/center/vendor/material-person.png" alt="">
-            <p>入库</p>
+          <nuxt-link tag="li" to="/mobile/center/user/payCenter" class="content-line">
+            <img src="/images/mobile/center/user/payfor_icon.png" alt="">
+            <p>应付对账</p>
           </nuxt-link>
           <nuxt-link tag="li" to="/mobile/center/user/invoice/waitinvoice" class="content-line">
             <img src="/images/mobile/center/user/invoice_icon.png" alt="">
             <p>发票管理</p>
           </nuxt-link>
+          <nuxt-link tag="li" to="/mobile/center/user/cart" class="content-line">
+            <img src="/images/mobile/center/user/cart.jpg" alt="">
+            <p>购物车<span class="text" v-if="carCount > 0">{{carCount && carCount >= 99 ? 99 : carCount || 0}}</span></p>
+          </nuxt-link>
           <nuxt-link tag="li" to="/mobile/center/user/collect/component" class="content-line">
             <img src="/images/mobile/center/user/comp-collect2.png" alt="">
             <p>器件收藏<span class="text" v-if="compCount.data > 0">{{compCount.data && compCount.data >= 99 ? 99 : compCount.data || 0}}</span></p>
@@ -54,9 +54,9 @@
             <img src="/images/mobile/center/user/store-focus.png" alt="">
             <p>店铺关注<span class="text" v-if="storeCount.data > 0">{{storeCount.data && storeCount.data >= 99 ? 99 : storeCount.data || 0}}</span></p>
           </nuxt-link>
-          <nuxt-link tag="li" to="/mobile/center/user/payCenter" class="content-line">
-            <img src="/images/mobile/center/user/payfor_icon.png" alt="">
-            <p>应付对账</p>
+          <nuxt-link tag="li" to="/mobile/center/user/outOfStorage?providerType=person">
+            <img src="/images/mobile/center/vendor/material-person.png" alt="">
+            <p>入库</p>
           </nuxt-link>
           <nuxt-link tag="li" to="/mobile/center/user/collect/message" class="content-line" v-if="user.data.enterprise.uu">
             <img src="/images/mobile/center/user/message.png" alt="">
@@ -64,7 +64,6 @@
           </nuxt-link>
         </ul>
       </div>
-
     </div>
     <remind-box :title="remindText" :timeoutCount="timeoutCount"></remind-box>
   </div>

+ 14 - 14
pages/mobile/center/vendor/index.vue

@@ -9,23 +9,15 @@
       <div class="seek-banner block-wrap">
         <img src="/images/mobile/center/vendor/adv.jpg" alt="">
       </div>
-      <div class="block-wrap seek-operation">
-        <p><i></i>库存管理</p>
-        <ul>
-          <nuxt-link tag="li" to="/mobile/center/vendor/material?providerType=enterprise">
-            <img src="/images/mobile/center/vendor/material.png" alt="">
-            <p>产品库</p>
-          </nuxt-link>
-          <nuxt-link tag="li" to="/mobile/center/vendor/outOfStorage?providerType=person">
-            <img src="/images/mobile/center/vendor/material-person.png" alt="">
-            <p>出库</p>
-          </nuxt-link>
+      <!--<div class="block-wrap seek-operation">-->
+        <!--<p><i></i>库存管理</p>-->
+        <!--<ul>-->
           <!--<nuxt-link tag="li" to="/mobile/center/vendor/product?providerType=onLine">-->
             <!--<img src="/images/mobile/center/vendor/onsale.png" alt="">-->
             <!--<p>在售产品</p>-->
           <!--</nuxt-link>-->
-        </ul>
-      </div>
+        <!--</ul>-->
+      <!--</div>-->
       <div class="block-wrap seek-operation">
         <p><i></i>商机管理</p>
         <ul>
@@ -48,7 +40,7 @@
         </ul>
       </div>
       <div class="block-wrap seek-operation">
-        <p><i></i>更多务</p>
+        <p><i></i>更多务</p>
         <ul>
           <nuxt-link tag="li" to="/mobile/order/orderbtob">
             <img src="/images/mobile/center/user/order.jpg" alt="">
@@ -66,6 +58,14 @@
             <img src="/images/mobile/center/user/invoice_icon.png" alt="">
             <p>发票管理</p>
           </nuxt-link>
+          <nuxt-link tag="li" to="/mobile/center/vendor/material?providerType=enterprise">
+            <img src="/images/mobile/center/vendor/material.png" alt="">
+            <p>产品库</p>
+          </nuxt-link>
+          <nuxt-link tag="li" to="/mobile/center/vendor/outOfStorage?providerType=person">
+            <img src="/images/mobile/center/vendor/material-person.png" alt="">
+            <p>出库</p>
+          </nuxt-link>
           <nuxt-link tag="li" to="/mobile/center/vendor/message"  v-if="user.data.enterprise.uu">
             <img src="/images/mobile/center/user/message.png" alt="">
             <p>消息中心<span class="text" v-if="messageCount.count > 0">{{messageCount.count && messageCount.count >= 99 ? 99 : messageCount.count || 0}}</span></p>