wgh/coreshoppro
1
0
Fork 0
mirror of http://git.coreshop.cn/jianweie/coreshoppro.git synced 2025-12-06 17:53:25 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'dev' into 'master'

Browse Source 
uniapp【优化】：商品详情评论显示图片

See merge request jianweie/coreshoppro!108
This commit is contained in:
花城
2024-12-17 02:40:47 +00:00
parent 367f178fd1 ae16e0e26e
commit d3d26caf8f
4 changed files with 168 additions and 117 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
CoreCms.Net.Uni-App/CoreShop/core/models/goods.ts
View File

@@ -74,7 +74,7 @@ export interface GoodsPictureListType {
goodsId ?: number;
id ?: number;
images ?: string | null;
imagesArr ?: Array<string> | string | null;
imagesArr ?: Array<string>;
isDisplay ?: boolean;
mobile ?: string;
nickName ?: string;

13
CoreCms.Net.Uni-App/CoreShop/pages/components/goods-detail/components/goods-detail-evaluate/goods-detail-evaluate.scss
View File

@@ -47,6 +47,19 @@
font-size: 27rpx;
color: #aaaaaa;
}
.img-box {
display: flex;
align-items: center;
flex-wrap: wrap;
.img {
width: 100rpx;
height: 100rpx;
border-radius: 10rpx;
margin-right: 10rpx;
margin-bottom: 10rpx;
}
}
.sellerContent {
font-size: 27rpx;
margin-top: 15rpx;

14
CoreCms.Net.Uni-App/CoreShop/pages/components/goods-detail/components/goods-detail-evaluate/goods-detail-evaluate.vue
View File

@@ -16,7 +16,11 @@
<view class="content">{{ item.contentBody }}</view>
<view class="time">{{ item.createTime }} </view>
<view class="addon">{{ item.addon }}</view>
<view class="sellerContent">
<view class="img-box" v-if="item.imagesArr?.length > 0">
<image v-for="cell,idx in item.imagesArr" @click="handlePreviewImg(item.imagesArr,idx)" :key="cell" class="img"
:src="cell" mode="aspectFill"></image>
</view>
<view class="sellerContent" v-if="item.sellerContent">
商家回复：{{item.sellerContent}}
</view>
</view>
@@ -44,6 +48,14 @@
const hanldeClickViewMore = () => {
handleRouteNavigateTo(`/pages/goods/comment?id=${props.id}`);
}
/** 预览图片 */
const handlePreviewImg = (urls : Array<string>,current:number) => {
uni.previewImage({
urls,
current,
});
}
</script>
<style lang="scss" scoped>

28
CoreCms.Net.Uni-App/CoreShop/pages/goods/comment.vue
View File

@@ -13,7 +13,11 @@
<view class="content">{{ item.contentBody }}</view>
<view class="time">{{ item.createTime }} </view>
<view class="addon">{{ item.addon }}</view>
<view class="sellerContent">
<view class="img-box" v-if="item.imagesArr?.length > 0">
<image v-for="cell,idx in item.imagesArr" @click="handlePreviewImg(item.imagesArr,idx)" :key="cell" class="img"
:src="cell" mode="aspectFill"></image>
</view>
<view class="sellerContent" v-if="item.sellerContent">
商家回复：{{item.sellerContent}}
</view>
</view>
@@ -74,6 +78,14 @@
state.commentsList = state.commentsList.concat(goodsComment?.data?.list);
}
}
/** 预览图片 */
const handlePreviewImg = (urls : Array<string>,current:number) => {
uni.previewImage({
urls,
current,
});
}
</script>
<style lang="scss" scoped>
.evaluate-box {
@@ -119,6 +131,20 @@
color: #aaaaaa;
}
.img-box {
display: flex;
align-items: center;
flex-wrap: wrap;
.img {
width: 100rpx;
height: 100rpx;
border-radius: 10rpx;
margin-right: 10rpx;
margin-bottom: 10rpx;
}
}
.sellerContent {
font-size: 27rpx;
margin-top: 15rpx;