maguodong/uniapp-ZHSQ
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

实现评价图片点击放大查看功能

Browse Source
This commit is contained in:
赵毅 2025-11-05 16:14:04 +08:00
parent bb4114b534
commit 7948f8a2dc
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/myOrders/rated/rated.vue
View File

@ -15,7 +15,7 @@
<!-- 评价图片区域 --> <!-- 评价图片区域 -->
<view class="image-list" v-if="item.evaluate_info.review_image && item.evaluate_info.review_image.length > 0"> <view class="image-list" v-if="item.evaluate_info.review_image && item.evaluate_info.review_image.length > 0">
<view class="image-item" v-for="(img, index) in parseReviewImages(item.evaluate_info.review_image)" :key="index"> <view class="image-item" v-for="(img, index) in parseReviewImages(item.evaluate_info.review_image)" :key="index">
<image :src="img"></image> <image :src="img" @tap="previewImage(parseReviewImages(item.evaluate_info.review_image), index)"></image>
</view> </view>
</view> </view>
<text class="order-date">{{ item.evaluate_info.create_time }}</text> <text class="order-date">{{ item.evaluate_info.create_time }}</text>
@ -53,6 +53,14 @@ export default {
}; };
}, },
methods: { methods: {
// 预览图片
previewImage(imageList, currentIndex) {
uni.previewImage({
urls: imageList,
current: currentIndex,
showmenu: true
});
},
// 解析评价图片格式 // 解析评价图片格式
parseReviewImages(reviewImage) { parseReviewImages(reviewImage) {
try { try {