From 62d21567cdc2eadea043ad225e0c4174a933a03f Mon Sep 17 00:00:00 2001
From: hupeng <guchengwuyue@163.com>
Date: Sat, 16 Dec 2023 21:02:00 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8E=BB=E6=8E=89=E9=A6=96=E9=A1=B5=E5=95=86?=
 =?UTF-8?q?=E5=93=81swiper?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/sh-groupon.vue                     | 20 ++++----
 pages/home/components/FirstNewProduct.vue     | 46 +++++++++----------
 pages/home/components/HotCommodity.vue        | 44 +++++++++---------
 pages/home/components/ProductsRecommended.vue | 44 +++++++++---------
 pages/home/components/PromoteProduct.vue      | 46 +++++++++----------
 5 files changed, 95 insertions(+), 105 deletions(-)

diff --git a/components/sh-groupon.vue b/components/sh-groupon.vue
index 59ae764..e4cbaba 100644
--- a/components/sh-groupon.vue
+++ b/components/sh-groupon.vue
@@ -9,17 +9,15 @@
 			</view>
 		</view>
 		<view class="goods-box swiper-box x-f">
-			<swiper class="carousel" circular @change="swiperChange" :autoplay="true" duration="2000">
-				<swiper-item v-for="(goods, index) in goodsList" :key="index" class="carousel-item">
-					<view class="goods-list-box x-f">
-						<block v-for="mgoods in goods" :key="mgoods.id">
-							<sh-activity-goods :detail="mgoods" class="goods-item">
-								<!-- <block slot="titleText">立减￥8.5</block> -->
-							</sh-activity-goods>
-						</block>
-					</view>
-				</swiper-item>
-			</swiper>
+			<block v-for="(goods, index) in goodsList" :key="index" class="carousel-item">
+				<view class="goods-list-box x-f">
+					<block v-for="mgoods in goods" :key="mgoods.id">
+						<sh-activity-goods :detail="mgoods" class="goods-item">
+							<!-- <block slot="titleText">立减￥8.5</block> -->
+						</sh-activity-goods>
+					</block>
+				</view>
+			</block>
 			<view class="swiper-dots" v-if="goodsList.length > 1">
 				<text :class="swiperCurrent === index ? 'dot-active' : 'dot'" v-for="(dot, index) in goodsList.length"
 					:key="index"></text>
diff --git a/pages/home/components/FirstNewProduct.vue b/pages/home/components/FirstNewProduct.vue
index 31bde33..16bcc30 100644
--- a/pages/home/components/FirstNewProduct.vue
+++ b/pages/home/components/FirstNewProduct.vue
@@ -8,30 +8,28 @@
             </view>
         </view>
         <view class="goods-box swiper-box x-f">
-            <swiper class="carousel" circular @change="swiperChange" :autoplay="true" duration="2000">
-                <swiper-item v-for="(goods, index) in goodsList" :key="index" class="carousel-item">
-                    <view class="goods-list-box x-f">
-                        <block v-for="mgoods in goods" :key="mgoods.id">
-                            <view class="min-goods"
-                                @tap="$yrouter.push({ path: '/pages/shop/GoodsCon/index',query:{id:mgoods.id} })">
-                                <view class="img-box">
-                                    <view class="tag">new</view>
-                                    <image class="img" :src="mgoods.image" mode="widthFix"></image>
-                                </view>
-                                <view class="price-box">
-                                    <view class="y-f">
-                                        <text class="seckill-current">￥{{  mgoods.price  }}</text>
-                                        <text class="original">销量{{ mgoods.sales }}{{mgoods.unitName}}</text>
-                                    </view>
-                                </view>
-                                <view class="title">
-                                    <slot name="titleText"></slot>
-                                </view>
-                            </view>
-                        </block>
-                    </view>
-                </swiper-item>
-            </swiper>
+			<block v-for="(goods, index) in goodsList" :key="index" class="carousel-item">
+				<view class="goods-list-box x-f">
+					<block v-for="mgoods in goods" :key="mgoods.id">
+						<view class="min-goods"
+							@tap="$yrouter.push({ path: '/pages/shop/GoodsCon/index',query:{id:mgoods.id} })">
+							<view class="img-box">
+								<view class="tag">new</view>
+								<image class="img" :src="mgoods.image" mode="widthFix"></image>
+							</view>
+							<view class="price-box">
+								<view class="y-f">
+									<text class="seckill-current">￥{{  mgoods.price  }}</text>
+									<text class="original">销量{{ mgoods.sales }}{{mgoods.unitName}}</text>
+								</view>
+							</view>
+							<view class="title">
+								<slot name="titleText"></slot>
+							</view>
+						</view>
+					</block>
+				</view>
+			</block>
             <view class="swiper-dots" v-if="goodsList.length > 1">
                 <text :class="swiperCurrent === index ? 'dot-active' : 'dot'" v-for="(dot, index) in goodsList.length"
                     :key="index"></text>
diff --git a/pages/home/components/HotCommodity.vue b/pages/home/components/HotCommodity.vue
index 3a4b25b..632d7e2 100644
--- a/pages/home/components/HotCommodity.vue
+++ b/pages/home/components/HotCommodity.vue
@@ -8,29 +8,27 @@
             </view>
         </view>
         <view class="goods-box swiper-box x-f">
-            <swiper class="carousel" circular @change="swiperChange" :autoplay="true" duration="2000">
-                <swiper-item v-for="(goods, index) in goodsList" :key="index" class="carousel-item">
-                    <view class="goods-list-box x-f">
-                        <block v-for="mgoods in goods" :key="mgoods.id">
-                            <view class="min-goods" @tap="jump('/pages/shop/GoodsCon/index',{id:mgoods.id})">
-                                <view class="img-box">
-                                    <view class="tag">hot</view>
-                                    <image class="img" :src="mgoods.image" mode="widthFix"></image>
-                                </view>
-                                <view class="price-box">
-                                    <view class="y-f">
-                                        <text class="seckill-current">￥{{  mgoods.price  }}</text>
-                                        <text class="original">销量{{ mgoods.sales }}{{mgoods.unitName}}</text>
-                                    </view>
-                                </view>
-                                <view class="title">
-                                    <slot name="titleText"></slot>
-                                </view>
-                            </view>
-                        </block>
-                    </view>
-                </swiper-item>
-            </swiper>
+			<block v-for="(goods, index) in goodsList" :key="index" class="carousel-item">
+				<view class="goods-list-box x-f">
+					<block v-for="mgoods in goods" :key="mgoods.id">
+						<view class="min-goods" @tap="jump('/pages/shop/GoodsCon/index',{id:mgoods.id})">
+							<view class="img-box">
+								<view class="tag">hot</view>
+								<image class="img" :src="mgoods.image" mode="widthFix"></image>
+							</view>
+							<view class="price-box">
+								<view class="y-f">
+									<text class="seckill-current">￥{{  mgoods.price  }}</text>
+									<text class="original">销量{{ mgoods.sales }}{{mgoods.unitName}}</text>
+								</view>
+							</view>
+							<view class="title">
+								<slot name="titleText"></slot>
+							</view>
+						</view>
+					</block>
+				</view>
+			</block>
             <view class="swiper-dots" v-if="goodsList.length > 1">
                 <text :class="swiperCurrent === index ? 'dot-active' : 'dot'" v-for="(dot, index) in goodsList.length"
                     :key="index"></text>
diff --git a/pages/home/components/ProductsRecommended.vue b/pages/home/components/ProductsRecommended.vue
index fde1ec6..4fec9f6 100644
--- a/pages/home/components/ProductsRecommended.vue
+++ b/pages/home/components/ProductsRecommended.vue
@@ -8,29 +8,27 @@
       </view>
     </view>
     <view class="goods-box swiper-box x-f">
-      <swiper class="carousel" circular @change="swiperChange" :autoplay="true" duration="2000">
-        <swiper-item v-for="(goods, index) in goodsList" :key="index" class="carousel-item">
-          <view class="goods-list-box x-f">
-            <block v-for="mgoods in goods" :key="mgoods.id">
-              <view class="min-goods" @tap="$yrouter.push({ path: '/pages/shop/GoodsCon/index',query:{id:mgoods.id} })">
-                <view class="img-box">
-                  <!-- <view class="tag">{{ mgoods.people}}人团</view> -->
-                  <image class="img" :src="mgoods.image" mode="widthFix"></image>
-                </view>
-                <view class="price-box">
-                  <view class="y-f">
-                    <text class="seckill-current">￥{{  mgoods.price  }}</text>
-                    <text class="original">销量{{ mgoods.sales }}{{mgoods.unitName}}</text>
-                  </view>
-                </view>
-                <view class="title">
-                  <slot name="titleText"></slot>
-                </view>
-              </view>
-            </block>
-          </view>
-        </swiper-item>
-      </swiper>
+	<block v-for="(goods, index) in goodsList" :key="index" class="carousel-item">
+	  <view class="goods-list-box x-f">
+		<block v-for="mgoods in goods" :key="mgoods.id">
+		  <view class="min-goods" @tap="$yrouter.push({ path: '/pages/shop/GoodsCon/index',query:{id:mgoods.id} })">
+			<view class="img-box">
+			  <!-- <view class="tag">{{ mgoods.people}}人团</view> -->
+			  <image class="img" :src="mgoods.image" mode="widthFix"></image>
+			</view>
+			<view class="price-box">
+			  <view class="y-f">
+				<text class="seckill-current">￥{{  mgoods.price  }}</text>
+				<text class="original">销量{{ mgoods.sales }}{{mgoods.unitName}}</text>
+			  </view>
+			</view>
+			<view class="title">
+			  <slot name="titleText"></slot>
+			</view>
+		  </view>
+		</block>
+	  </view>
+	</block>
       <view class="swiper-dots" v-if="goodsList.length > 1">
         <text :class="swiperCurrent === index ? 'dot-active' : 'dot'" v-for="(dot, index) in goodsList.length"
           :key="index"></text>
diff --git a/pages/home/components/PromoteProduct.vue b/pages/home/components/PromoteProduct.vue
index 1cb219a..795ce82 100644
--- a/pages/home/components/PromoteProduct.vue
+++ b/pages/home/components/PromoteProduct.vue
@@ -8,30 +8,28 @@
             </view>
         </view>
         <view class="goods-box swiper-box x-f">
-            <swiper class="carousel" circular @change="swiperChange" :autoplay="true" duration="2000">
-                <swiper-item v-for="(goods, index) in goodsList" :key="index" class="carousel-item">
-                    <view class="goods-list-box x-f">
-                        <block v-for="mgoods in goods" :key="mgoods.id">
-                            <view class="min-goods"
-                                @tap="$yrouter.push({ path: '/pages/shop/GoodsCon/index', query: { id: item.id } })">
-                                <view class="img-box">
-                                    <view class="tag">促销</view>
-                                    <image class="img" :src="mgoods.image" mode="widthFix"></image>
-                                </view>
-                                <view class="price-box">
-                                    <view class="y-f">
-                                        <text class="seckill-current">日常价：￥{{  mgoods.price  }}</text>
-                                        <text class="original">仅剩：{{ mgoods.stock }}{{ mgoods.unitName }}</text>
-                                    </view>
-                                </view>
-                                <view class="title">
-                                    <slot name="titleText"></slot>
-                                </view>
-                            </view>
-                        </block>
-                    </view>
-                </swiper-item>
-            </swiper>
+			<block v-for="(goods, index) in goodsList" :key="index" class="carousel-item">
+				<view class="goods-list-box x-f">
+					<block v-for="mgoods in goods" :key="mgoods.id">
+						<view class="min-goods"
+							@tap="$yrouter.push({ path: '/pages/shop/GoodsCon/index', query: { id: item.id } })">
+							<view class="img-box">
+								<view class="tag">促销</view>
+								<image class="img" :src="mgoods.image" mode="widthFix"></image>
+							</view>
+							<view class="price-box">
+								<view class="y-f">
+									<text class="seckill-current">日常价：￥{{  mgoods.price  }}</text>
+									<text class="original">仅剩：{{ mgoods.stock }}{{ mgoods.unitName }}</text>
+								</view>
+							</view>
+							<view class="title">
+								<slot name="titleText"></slot>
+							</view>
+						</view>
+					</block>
+				</view>
+			</block>
             <view class="swiper-dots" v-if="goodsList.length > 1">
                 <text :class="swiperCurrent === index ? 'dot-active' : 'dot'" v-for="(dot, index) in goodsList.length"
                     :key="index"></text>