博客商品使用统一组件

pages/plugins/blog/detail/detail.css

@@ -1,16 +0,0 @@
-/**
- * 商品
- */
-.goods-list .item {
-    width: calc(50% - 10rpx);
-}
-.goods-list .item:nth-child(2n) {
-    float: right;
-}
-.goods-list .item:nth-child(2n+1) {
-    float: left;
-}
-.goods-list .item .goods-img {
-    width: 100%;
-    height: 380rpx !important;
-}

pages/plugins/blog/detail/detail.vue

@@ -58,24 +58,12 @@
                 </view>
 
                 <!-- 相关商品 -->
-                <view v-if="(data.goods_list || null) != null && data.goods_list.length > 0" class="goods-list oh">
+                <view v-if="(data.goods_list || null) != null && data.goods_list.length > 0">
                     <view class="spacing-nav-title">
                         <text class="text-wrapper">相关商品</text>
                         <navigator url="/pages/goods-search/goods-search" hover-class="none" class="arrow-right padding-right-xxxl cr-gray fr">更多</navigator>
                     </view>
-                    <view class="goods-list oh">
+                    <component-goods-list :propData="{style_type: 1, goods_list: data.goods_list}" :propCurrencySymbol="currency_symbol"></component-goods-list>
-                        <view v-for="(item, index) in data.goods_list" :key="index" class="item padding-bottom-sm border-radius-main bg-white margin-bottom-main oh">
-                            <navigator :url="item.goods_url" hover-class="none">
-                                <image class="goods-img dis-block" :src="item.images" mode="aspectFit"></image>
-                                <view class="base padding-horizontal-main margin-top-sm">
-                                    <view class="multi-text">{{item.title}}</view>
-                                    <view class="price margin-top">
-                                        <text class="sales-price">{{currency_symbol}}{{item.min_price}}</text>
-                                    </view>
-                                </view>
-                            </navigator>
-                        </view>
-                    </view>
                 </view>
             </view>
         </view>
@@ -93,6 +81,7 @@
     import componentNoData from "../../../../components/no-data/no-data";
     import componentBottomLine from "../../../../components/bottom-line/bottom-line";
     import componentBlogComments from "../../../../components/blog-comments/blog-comments";
+    import componentGoodsList from "../../../../components/goods-list/goods-list";
 
     var common_static_url = app.globalData.get_static_url('common');
     export default {
@@ -118,7 +107,8 @@
         components: {
             componentNoData,
             componentBottomLine,
-            componentBlogComments
+            componentBlogComments,
+            componentGoodsList
         },
         props: {},
 
@@ -218,5 +208,4 @@
     };
 </script>
 <style>
-    @import './detail.css';
 </style>

pages/plugins/blog/index/index.css

@@ -14,23 +14,6 @@
     width: calc(100% - 210rpx);
 }
 
-/**
- * 商品
- */
-.goods-list .item {
-    width: calc(50% - 10rpx);
-}
-.goods-list .item:nth-child(2n) {
-    float: right;
-}
-.goods-list .item:nth-child(2n+1) {
-    float: left;
-}
-.goods-list .item .goods-img {
-    width: 100%;
-    height: 380rpx !important;
-}
-
 /**
  * 分类导航
  */

pages/plugins/blog/index/index.vue

@@ -105,19 +105,7 @@
                     <text class="text-wrapper">推荐商品</text>
                     <navigator url="/pages/goods-search/goods-search" hover-class="none" class="arrow-right padding-right-xxxl cr-gray fr">更多</navigator>
                 </view>
-                <view class="goods-list oh">
+                <component-goods-list :propData="{style_type: 1, goods_list: goods_list}" :propCurrencySymbol="currency_symbol"></component-goods-list>
-                    <view v-for="(item, index) in goods_list" :key="index" class="item padding-bottom-sm border-radius-main bg-white margin-bottom-main oh">
-                        <navigator :url="item.goods_url" hover-class="none">
-                            <image class="goods-img dis-block" :src="item.images" mode="aspectFit"></image>
-                            <view class="base padding-horizontal-main margin-top-sm">
-                                <view class="multi-text">{{item.title}}</view>
-                                <view class="price margin-top">
-                                    <text class="sales-price">{{currency_symbol}}{{item.min_price}}</text>
-                                </view>
-                            </view>
-                        </navigator>
-                    </view>
-                </view>
             </view>
 
             <!-- 结尾 -->
@@ -136,6 +124,7 @@
     import componentCountdown from "../../../../components/countdown/countdown";
     import componentNoData from "../../../../components/no-data/no-data";
     import componentBottomLine from "../../../../components/bottom-line/bottom-line";
+    import componentGoodsList from "../../../../components/goods-list/goods-list";
 
     export default {
         data() {
@@ -162,7 +151,8 @@
             componentBanner,
             componentCountdown,
             componentNoData,
-            componentBottomLine
+            componentBottomLine,
+            componentGoodsList
         },
         props: {},
 

pages/plugins/signin/index-detail/index-detail.css

@@ -78,20 +78,3 @@
     max-width: 100%;
     margin-top: 60rpx;
 }
-
-/**
-* 商品列表
-*/
-.data-list .item {
-    width: calc(50% - 10rpx);
-}
-.data-list .item:nth-child(2n) {
-    float: right;
-}
-.data-list .item:nth-child(2n+1) {
-    float: left;
-}
-.data-list .item .goods-img {
-    width: 100%;
-    height: 380rpx !important;
-}

pages/plugins/signin/index-detail/index-detail.vue

@@ -54,17 +54,7 @@
                         <text class="text-wrapper">推荐商品</text>
                         <navigator url="/pages/goods-search/goods-search" hover-class="none" class="arrow-right padding-right-xxxl cr-gray fr">更多</navigator>
                     </view>
-                    <view class="data-list oh">
+                    <component-goods-list :propData="{style_type: 1, goods_list: data.goods_list}" :propCurrencySymbol="currency_symbol"></component-goods-list>
-                        <view v-for="(item, index) in data.goods_list" :key="index" class="item padding-bottom-sm border-radius-main bg-white margin-bottom-main">
-                            <navigator :url="item.goods_url" hover-class="none">
-                                <image class="goods-img dis-block" :src="item.images" mode="aspectFit"></image>
-                                <view class="padding-horizontal-main margin-top-sm">
-                                    <view class="multi-text">{{item.title}}</view>
-                                    <view class="sales-price single-text margin-top-sm">{{currency_symbol}}{{item.min_price}}</view>
-                                </view>
-                            </navigator>
-                        </view>
-                    </view>
                 </view>
             </view>
 
@@ -94,6 +84,7 @@
     const app = getApp();
     import componentNoData from "../../../../components/no-data/no-data";
     import componentBottomLine from "../../../../components/bottom-line/bottom-line";
+    import componentGoodsList from "../../../../components/goods-list/goods-list";
 
     var static_url = app.globalData.get_static_url('signin', true);
     export default {
@@ -120,7 +111,8 @@
 
         components: {
             componentNoData,
-            componentBottomLine
+            componentBottomLine,
+            componentGoodsList
         },
         props: {},