商品详情: 调整UI

 <template>
   <layout-app title="商品列表" class="brand-product-list">
-    <scroll-view
-      ref="scroll"
-      :data="brandProductList"
-      :options="scrollOption"
-      @pulling-down="onPullingDown">
+    <div class="scroll-view" ref="scroll">
       <div class="list-wrapper" v-if="brandProductList != null">
         <product-list :list="brandProductList" priceKey="price"/>
       </div>
-    </scroll-view>
+    </div>
   </layout-app>
 </template>
 
@@ -50,6 +46,11 @@ export default {
   asyncData({store, router}) {
     return store.dispatch(`${STORE_PATH}/fetchBrandTop`, {productId: router.params.productId});
   },
+  activated() {
+    if (this.$refs.scroll) {
+      this.$refs.scroll.scrollTop = 0;
+    }
+  },
   methods: {
     ...mapActions(['fetchBrandTop']),
     onPullingDown() {
@@ -60,7 +61,10 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-  .brand-product-list /deep/ .scroll-view {
+  .brand-product-list .scroll-view {
     background: #f5f5f5;
+    height: 100%;
+    overflow: auto;
+    -webkit-overflow-scrolling: touch;
   }
 </style>

@@ -207,8 +207,6 @@ export default {
     ul {
       padding-bottom: 1px;
       overflow: auto;
-      border-top: 1px solid #ddd;
-      border-left: 1px solid #ddd;
     }
   }
 
@@ -217,8 +215,8 @@ export default {
     width: 25%; // 当前固定为4列
     float: left;
     border: 1px solid #ddd;
-    margin-left: -1px;
-    margin-top: -1px;
+    margin-right: -1px;
+    margin-bottom: -1px;
 
     .size-info,
     .size-price {

@@ -663,6 +663,7 @@ export default {
   .cube-scroll-wrapper {
     flex: 1 0 0;
     overflow: scroll;
+    -webkit-overflow-scrolling: touch;
   }
 
   .footer {