feat: 图片上传

pages/other_package/productInfo/productInfo.vue

@@ -2,7 +2,9 @@
 	<view class="product_info_warp">
 		<!-- 头部产品描述图 -->
 		<view class="product_info_header_warp">
-			<up-swiper :list="swiperList" height="280" @change="e => currentNum = e.current">
+			<up-swiper :list="swiperList" class="product_info_header_swiper" @click="onSwiper"
+				@change="e => currentNum = e.current">
+
 				<template #indicator>
 					<view class="indicator-num">
 						<text class="indicator-num__text">{{ currentNum + 1 }}/{{ swiperList.length }}</text>
@@ -112,7 +114,8 @@
 			</view>
 			<view class="product_but_right">
 				<view v-if="!ji" class="but_comm join_warp" @click="checkSpecification(true, 'addCart')">加入购物车</view>
-				<view class="but_comm buy_warp" :class="{ 'border-16': ji }" @click="checkSpecification(true, 'buy')">立即购买</view>
+				<view class="but_comm buy_warp" :class="{ 'border-16': ji }" @click="checkSpecification(true, 'buy')">立即购买
+				</view>
 			</view>
 		</view>
 		<!-- 选择规格的弹框 -->
@@ -289,6 +292,13 @@ export default {
 	},
 	methods: {
 		getValue,
+		onSwiper(index) {
+			uni.previewImage({
+				current: index,
+				loop: true,
+				urls: this.swiperList
+			});
+		},
 		copyMobile(mobile) {
 			copyData(mobile);
 			this.serviceShow = false;
@@ -553,6 +563,25 @@ export default {
 .product_info_header_warp {
 	position: relative;
 
+	.product_info_header_swiper {
+		height: 562.5rpx !important;
+
+		::v-deep(.u-swiper__wrapper) {
+			height: 562.5rpx !important;
+
+			.u-swiper__wrapper {
+				height: 562.5rpx !important;
+
+				.u-swiper__wrapper__item__wrapper__image {
+					height: 562.5rpx !important;
+				}
+			}
+
+
+		}
+
+	}
+
 	.img_comm {
 		position: absolute;
 		top: 140rpx;