Style(店铺):商品列表接口对接

pagesInn/inn/innHome.vue

@@ -148,42 +148,44 @@
       </view>
       <view :class="isMyInn ? 'my-inn-page' : ''">
         <!-- v4 商品列表 -->
-        <view
-          v-if="activeIndex === 0"
-          class="goods-section flex flex-wrap"
-        >
-          <view
-            v-for="(item,index) in goodsList"
-            :key="index"
-            class="item"
-            @click="goGoodsConByID(item)"
-          >
-            <image
-              :src="item.image"
-              class="cover"
-            />
-            <view class="">
-              <view class="name more-t">{{ item.storeName }}</view>
-              <view class="price-line flex ai-center">
+        <view v-if="activeIndex === 0" class="goods-section">
+          <view class="flex flex-wrap">
+            <view
+              v-for="(item,index) in goodsList"
+              :key="index"
+              class="item"
+              @click="goGoodsConByID(item)"
+            >
+              <image
+                :src="item.image"
+                class="cover"
+              />
+              <view class="">
+                <view class="name more-t">{{ item.storeName }}</view>
+                <view class="price-line flex ai-center">
+                  <image
+                    :src="webUrl + '/20221118104357701129.png'"
+                    class="label"
+                    mode="scaleToFill"
+                  />
+                  <text>￥{{ item.price }}</text>
+                </view>
+              </view>
+              <view class="sales-line flex ai-center">
                 <image
-                  :src="webUrl + '/20221118104357701129.png'"
-                  class="label"
+                  :src="webUrl + '/20221118092713277343.png'"
+                  class="icon"
                   mode="scaleToFill"
                 />
-                <text>￥{{ item.price }}</text>
+                <text>{{ item.sales }}人已购买</text>
               </view>
             </view>
-            <view class="sales-line flex ai-center">
-              <image
-                :src="webUrl + '/20221118092713277343.png'"
-                class="icon"
-                mode="scaleToFill"
-              />
-              <text>{{ item.sales }}人已购买</text>
-            </view>
           </view>
-          <view class="btn" @click="viewAllGoodHandle">
-            查看所有商品
+          <view class="btn">
+            <view class="btn-cont" @click="viewAllGoodHandle">
+              查看所有商品
+              <text class="iconfont icon-jiantou"></text>
+            </view>
           </view>
         </view>
         <!-- 最新资讯 -->
@@ -972,6 +974,19 @@ export default {
     margin-right: 6rpx;
     vertical-align: middle;
   }
+  .btn {
+    display: flex;
+    padding: 20rpx 0;
+    justify-content: center;
+    .btn-cont {
+      padding: 10rpx 30rpx;
+      border: 1px solid #0DC5C5;
+      color: #0DC5C5;
+      .iconfont {
+        font-size: 24rpx;
+      }
+    }
+  }
 }
 
 .container {