修改详情图片查看

pagesHome/car/index.vue

@@ -148,25 +148,25 @@
 							<view class="text">外观漆面</view>
 							<view class="five_1">
 								<view class="five_1">
-									<image class="image"
+									<image class="image" @tap="toPicture(0,info.file)"
 										:src="info.file&&info.file?.length>0?info.file[0].url:'https://cdn.uviewui.com/uview/album/1.jpg'">
 									</image>
 								</view>
 								<view class="five_2">
-									<image class="image"
+									<image class="image" @tap="toPicture(1,info.file)"
 										:src="info.file&&info.file?.length>1?info.file[1].url:'https://cdn.uviewui.com/uview/album/5.jpg'">
 									</image>
-									<image class="image"
+									<image class="image" @tap="toPicture(2,info.file)"
 										:src="info.file&&info.file?.length>2?info.file[2].url:'https://cdn.uviewui.com/uview/album/2.jpg'">
 									</image>
 								</view>
 							</view>
 							<view class="text">中控内饰</view>
 							<view class="five_2">
-								<image class="image"
+								<image class="image" @tap="toPicture(3,info.file)"
 									:src="info.file&&info.file?.length>3?info.file[3].url:'https://cdn.uviewui.com/uview/album/3.jpg'">
 								</image>
-								<image class="image"
+								<image class="image" @tap="toPicture(4,info.file)"
 									:src="info.file&&info.file?.length>4?info.file[4].url:'https://cdn.uviewui.com/uview/album/4.jpg'">
 								</image>
 							</view>
@@ -369,6 +369,16 @@
 			url: `/pagesHome/shop/index?id=${shop.value.id || shop.value._id}&name=${shop.value.name}`
 		})
 	};
+	// 图片预览
+	const toPicture = (index, e) => {
+		const urls = e.map((item, index) => {
+			return item.url
+		})
+		uni.previewImage({
+			current: index,
+			urls
+		})
+	}
 	// 查看更多图片
 	const toMore = () => {
 		uni.navigateTo({

unpackage/dist/dev/mp-weixin/pagesHome/car/index.js

@@ -138,6 +138,15 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
         url: `/pagesHome/shop/index?id=${shop.value.id || shop.value._id}&name=${shop.value.name}`
       });
     };
+    const toPicture = (index, e) => {
+      const urls = e.map((item, index2) => {
+        return item.url;
+      });
+      common_vendor.index.previewImage({
+        current: index,
+        urls
+      });
+    };
     const toMore = () => {
       common_vendor.index.navigateTo({
         url: `/pagesHome/picture/index?id=${info.value.id || info.value._id}&shop=${shop.value._id}`
@@ -207,18 +216,23 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
           size: "normal",
           type: "info"
         }),
-        K: info.value.file && ((_c = info.value.file) == null ? void 0 : _c.length) > 0 ? info.value.file[0].url : "https://cdn.uviewui.com/uview/album/1.jpg",
-        L: info.value.file && ((_d = info.value.file) == null ? void 0 : _d.length) > 1 ? info.value.file[1].url : "https://cdn.uviewui.com/uview/album/5.jpg",
-        M: info.value.file && ((_e = info.value.file) == null ? void 0 : _e.length) > 2 ? info.value.file[2].url : "https://cdn.uviewui.com/uview/album/2.jpg",
-        N: info.value.file && ((_f = info.value.file) == null ? void 0 : _f.length) > 3 ? info.value.file[3].url : "https://cdn.uviewui.com/uview/album/3.jpg",
-        O: info.value.file && ((_g = info.value.file) == null ? void 0 : _g.length) > 4 ? info.value.file[4].url : "https://cdn.uviewui.com/uview/album/4.jpg",
-        P: common_vendor.o(toMore),
-        Q: common_vendor.p({
+        K: common_vendor.o(($event) => toPicture(0, info.value.file)),
+        L: info.value.file && ((_c = info.value.file) == null ? void 0 : _c.length) > 0 ? info.value.file[0].url : "https://cdn.uviewui.com/uview/album/1.jpg",
+        M: common_vendor.o(($event) => toPicture(1, info.value.file)),
+        N: info.value.file && ((_d = info.value.file) == null ? void 0 : _d.length) > 1 ? info.value.file[1].url : "https://cdn.uviewui.com/uview/album/5.jpg",
+        O: common_vendor.o(($event) => toPicture(2, info.value.file)),
+        P: info.value.file && ((_e = info.value.file) == null ? void 0 : _e.length) > 2 ? info.value.file[2].url : "https://cdn.uviewui.com/uview/album/2.jpg",
+        Q: common_vendor.o(($event) => toPicture(3, info.value.file)),
+        R: info.value.file && ((_f = info.value.file) == null ? void 0 : _f.length) > 3 ? info.value.file[3].url : "https://cdn.uviewui.com/uview/album/3.jpg",
+        S: common_vendor.o(($event) => toPicture(4, info.value.file)),
+        T: info.value.file && ((_g = info.value.file) == null ? void 0 : _g.length) > 4 ? info.value.file[4].url : "https://cdn.uviewui.com/uview/album/4.jpg",
+        U: common_vendor.o(toMore),
+        V: common_vendor.p({
           text: "查看更多图片",
           size: "normal",
           type: "info"
         }),
-        R: common_vendor.f(list.value, (item, index, i0) => {
+        W: common_vendor.f(list.value, (item, index, i0) => {
           return common_vendor.e({
             a: item.file && item.file.length > 0 ? item.file[0].url : "",
             b: common_vendor.t(item.series || "暂无"),
@@ -241,14 +255,14 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
             m: common_vendor.o(($event) => toView(item), index)
           });
         }),
-        S: common_vendor.p({
+        X: common_vendor.p({
           color: "#000",
           name: "red-packet",
           size: "20"
         }),
-        T: common_vendor.o(toChat),
-        U: common_vendor.o(toChat),
-        V: common_vendor.o(toChat)
+        Y: common_vendor.o(toChat),
+        Z: common_vendor.o(toChat),
+        aa: common_vendor.o(toChat)
       };
     };
   }