图片显示优化

components/productConSwiper/index.vue

@@ -31,7 +31,7 @@
 			</swiper-item>
 			<!-- #endif -->
 			<block v-for="(item,index) in imgUrls" :key='index'>
-				<swiper-item v-if="videoline?index>=1:index>=0">
+				<swiper-item v-if="videoline?index>=1:index>=0" @click="openImg">
 					<image :src="item" class="slide-image" />
 				</swiper-item>
 			</block>
@@ -81,6 +81,14 @@
 			// #endif
 		},
 		methods: {
+			openImg (index){
+				uni.previewImage({
+					current: index,
+					urls: this.imgUrls,
+					indicator: 'number',
+					loop: true
+				});
+			},
 			videoPause(e){
 				// #ifdef APP-PLUS
 				this.isPlay= true

pages/goods_details/index.vue

@@ -143,11 +143,15 @@
 					</view>
 					<view class="product-intro" id="past3">
 						<view class="title">{{ $t(`产品介绍`) }}</view>
-						<view class="conter">
+						<u-album :urls="storeInfo.detailImgUrlList" :rowCount="1" 
+								:multipleSize="albumWidth" maxCount="9999"
+								 multipleMode="widthFix"></u-album>
+						<!-- <view class="conter">
 							<u--image :src="item" v-for="(item, index) in 
-								storeInfo.detailImgUrlList" width="100%" mode="heightFix">
+								storeInfo.detailImgUrlList" width="100%" mode="heightFix"
+								@click="openImg(index)">
 							</u--image>
-						</view>
+						</view> -->
 					</view>
 				</scroll-view>
 			</view>
@@ -413,6 +417,7 @@ export default {
 	data() {
 		let that = this;
 		return {
+			albumWidth: 0,
 			availableCheck: false,
 			attrAddrValue: '请选择收获地址',
 			imgHost: HTTP_REQUEST_URL,
@@ -595,6 +600,7 @@ export default {
 			that.id = options.id;
 			uni.getSystemInfo({
 				success: function (res) {
+					that.albumWidth = res.windowWidth - 5
 					that.height = res.windowHeight;
 					//res.windowHeight:获取整个窗口高度为px，*2为rpx；98为头部占据的高度；
 					// #ifndef APP-PLUS || H5 || MP-ALIPAY
@@ -682,6 +688,14 @@ export default {
 		this.currentPage = !this.currentPage
 	},
 	methods: {
+		openImg (index){
+			uni.previewImage({
+				current: index,
+				urls: this.storeInfo.detailImgUrlList,
+				indicator: 'number',
+				loop: true
+			});
+		},
 		// 操作菜单
 		moreNav() {
 			this.currentPage = !this.currentPage