商品详情使用轮播图

components/productConSwiperGroupbuying/index.vue

@@ -1,7 +1,7 @@
 <template>
 	<view class='product-bg'>
 
-		<u-swiper height="180" @click="openImg" :list="imgUrls" @change="e => currentNum = e.current" :autoplay="false"
+		<u-swiper :height="h" @click="openImg" :list="imgUrls" @change="e => currentNum = e.current" :autoplay="false"
 			indicatorStyle="	position: absolute;top: 10px !important;left: 10px !important;">
 			<view slot="indicator" class="indicator-num">
 				<text class="indicator-num__text">{{ currentNum + 1 }}/{{ imgUrls.length }}</text>
@@ -22,7 +22,13 @@ export default {
 		videoline: {
 			type: String,
 			value: ""
-		}
+		},
+    h: {
+		  type: Number,
+      default: function () {
+        return 180;
+      }
+    }
 	},
 	data () {
 		return {

pages/groupbuying_details/detail/index.vue

@@ -4,7 +4,9 @@
 		<scroll-view scroll-y="true" scroll-with-animation='true' style="height: 100%">
 
 			<view class="detail-img">
-				<image :src="goodsInfo.goodsCover" mode="scaleToFill" />
+        <productConSwiperGroupbuying class="skeleton-rect" :imgUrls="goodsInfo.slideshowList" :h="351"
+                                     :videoline="goodsInfo.videoUrl" @videoPause="videoPause"></productConSwiperGroupbuying>
+<!--				<image :src="goodsInfo.goodsCover" mode="scaleToFill" />-->
 			</view>
 			<view class="detail-content">
 				<view style="display:flex; 	margin-bottom: 20rpx;">
@@ -27,8 +29,9 @@
 				<view class="title">
 					商品信息
 				</view>
-				<u-album :urls="goodsInfo.detailImgUrlList" :rowCount="1" :multipleSize="albumWidth" maxCount="9999"
-					multipleMode="widthFix"></u-album>
+<!--				<u-album :urls="goodsInfo.detailImgUrlList" :rowCount="1" :multipleSize="albumWidth" maxCount="9999"-->
+<!--					multipleMode="widthFix"></u-album>-->
+        <u-parse :content="goodsInfo.detailContent"></u-parse>
 			</view>
 		</scroll-view>
 
@@ -65,7 +68,7 @@
 import {
 	userEdit,
 } from '@/api/user.js';
-
+import productConSwiperGroupbuying from "@/components/productConSwiperGroupbuying";
 import {
 	toLogin
 } from '@/libs/login.js';
@@ -86,6 +89,7 @@ export default {
 		}
 	},
 	components: {
+    productConSwiperGroupbuying,
 		// #ifdef APP-PLUS
 		appUpdate,
 		// #endif
@@ -126,7 +130,12 @@ export default {
 			});
 	},
 	methods: {
-
+    videoPause () {
+      let that = this;
+      this.$nextTick(() => {
+        that.infoScroll();
+      });
+    },
 		formSubmit: function (e) {
 			let that = this,
 				value = e.detail.value,