Fix：3115 【商城小程序】全国特产需要增加购物车按钮，并可以点击加入购物车

pkg_product/views/nativeList.vue

@@ -44,7 +44,18 @@
               mode="scaleToFill"
             />
             <view class="name more-t">{{ item.storeName }}</view>
-            <view class="price bold">￥{{ item.price }}</view>
+            <!-- <view class="price bold">￥{{ item.price }}</view> -->
+            <view class="price-wrap">
+              <view >
+                <view class="v12-primary-text v12-font-bold">￥{{ item.price }}</view>
+              </view>
+              <view class="btn" @click.stop="addToCart(item)">
+                <image
+                  :src="webUrl + '/home/icon-cart.png'"
+                  class="img"
+                />
+              </view>
+            </view>
           </view>
         </scroll-view>
         <image
@@ -55,6 +66,15 @@
         />
       </view>
     </view>
+    <ProductWindow
+      ref="attrWindow"
+      :attr="attr"
+      :cartNum="cart_num"
+      :showOk="true"
+      @changeFun="changeFun"
+      @ok="handleOk"
+      paddingBottom="200rpx"
+    />
   </view>
 </template>
 
@@ -62,9 +82,14 @@
 // 特产-城市商品列表
 import { fetchNormal, getCategory } from "@/api/store"
 import { pageListenMixins } from '@/mixins/pageListenMixins'
+import ProductWindow from '@/components/ProductWindow'
+import goCartMixin from '@/mixins/goCartMixins'
 export default {
   name: 'NativeListPage',
-  mixins: [pageListenMixins],
+  components: {
+    ProductWindow
+  },
+  mixins: [pageListenMixins, goCartMixin],
   data() {
     return {
       webUrl: this.$VUE_APP_RESOURCES_URL,
@@ -191,7 +216,7 @@ export default {
       }
       .item {
         width: 345rpx;
-        height: 465rpx;
+        height: auto;
         .cover {
           width: 345rpx;
           height: 345rpx;
@@ -209,4 +234,32 @@ export default {
     height: 338rpx;
   }
 }
+.price-wrap {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-end;
+  padding: 10rpx 0 0 0;
+  .price {
+    font-size: 24rpx;
+    line-height: 40rpx;
+    .price-txt {
+      font-size: 40rpx;
+      font-weight: bold;
+    }
+  }
+  .price-red {
+    margin: 0 10rpx 0 0;
+    color: #C52733;
+  }
+  .price-grey {
+    color: #C4C4C4;
+  }
+  .btn {
+    .img {
+      display: block;
+      width: 48rpx;
+      height: 48rpx;
+    }
+  }
+}
 </style>