al

pages/vendor/index.vue

@@ -32,7 +32,34 @@
         <div class="vendor-list-item clear">
           <span class="nobold">目前暂无发票信息</span>
         </div>
-      </div>
+
+
+         <div class="vendor_main">
+          <ul class="clear">
+            <li>
+              <img src="/images/vendor/menu01.png"/>
+              <p>产品收藏</p>
+            </li>
+
+            <li>
+              <img src="/images/vendor/menu02.png"/>
+              <p>店铺关注</p>
+            </li>
+
+            <li>
+              <img src="/images/vendor/menu04.png"/>
+              <p>优软快讯</p>
+            </li>
+
+            <li>
+              <img src="/images/vendor/menu05.png"/>
+              <p>浏览历史</p>
+            </li>
+          </ul>
+        </div>
+
+        <div class=""></div>
+      </div>     
     </div>
   </div>
 </template>
@@ -62,7 +89,7 @@ export default {
   .vendor-content {
     margin-left: 18px;
     float: left;
-    width: 734px;
+    width: 734px; 
     .vendor-topinfo {
       background: #ecf2fd;
       padding: 14px;
@@ -87,7 +114,7 @@ export default {
       }
     }
     .vendor-list-item {
-      padding: 12px;
+      padding: 15px;
       background: #fff;
       border: 1px solid #ddd;
       border-bottom: 1px dashed #ddd;
@@ -107,6 +134,22 @@ export default {
         border-bottom: 1px solid #ddd;
       }
     }
+    .vendor_main {
+      background: #fff;
+      padding: 10px;
+      margin-top: 12px;
+      li {
+        width: 25%;
+        float: left;
+        text-align: center;
+        p {
+          margin-top: 10px;
+          // &:hover {
+          //   color: 
+          // }
+        }
+      }
+    }
   }
 }
 </style>