From c337b40f1052733c86696cf3dbeb44ad8bf2a73d Mon Sep 17 00:00:00 2001 From: 陶杰 <1378534974@qq.com> Date: 星期三, 16 十月 2024 20:54:05 +0800 Subject: [PATCH] 1.商品评论优化 --- pages/order/comment/order-comment.vue | 53 +++++++++++++++++++++++++++++++++++++++-------------- 1 files changed, 39 insertions(+), 14 deletions(-) diff --git a/pages/order/comment/order-comment.vue b/pages/order/comment/order-comment.vue index c595b6c..0364914 100644 --- a/pages/order/comment/order-comment.vue +++ b/pages/order/comment/order-comment.vue @@ -601,6 +601,11 @@ // }, 1200) } }, + + toggleAnonymity(item) { + // 切换 anonymityFalg 值,1 表示匿名,0 表示非匿名 + item.anonymityFalg = 1 + }, }, } </script> @@ -630,23 +635,39 @@ </view> </u-col> <u-col span="2"> - <u-rate count="5" v-model="item.commentGrade"></u-rate> + + </u-col> + </u-row> + <u-row justify="space-between"> + <u-col span="2"> + + </u-col> + <u-col > + <view><u-rate count="5" v-model="item.commentGrade" size="30"></u-rate></view> </u-col> </u-row> <u-row v-if=" item.commentGrade>0 "> - <u-col span="12"> - <u-radio-group v-model="item.anonymityFalg" :labelSize="10"> - <u-radio label="匿名" :name="1"></u-radio> - </u-radio-group> - - <u--textarea v-model="item.comment" placeholder="请输入内容" count></u--textarea> - <view class="component-button-upload" @click="uploadIcon(item,'image')"></view> - <view class="flex p20" style="padding-top: 0rpx;padding-bottom: 10rpx" - v-if="item.pictureList&&item.pictureList.length>0"> - <view class="m-t-12 m-r-10 " v-for="(tBanner,index2) of item.pictureList" :key="index2"> - <!-- <image :src="tBanner" @click.stop="previewImg(tBanner)" width="30px" height="30px" style= ></image> --> - <u--image :showLoading="true" :src="tBanner" width="50px" height="50px"></u--image> - <view class="t-red text-center" @click.stop="deleteImg(item,index2)">删除</view> + <u-col span="12" > + <view class="comment-content-div"> + + <view class="comment-content-div"> + <u-radio-group v-model="item.anonymityFalg" :labelSize="10"> + <u-radio label="匿名" :name="1"></u-radio> + </u-radio-group> + </view> + <view class="comment-content-div"> + <u--textarea v-model="item.comment" placeholder="请输入内容" count></u--textarea> + </view> + <view class="comment-content-div"> + <view class="component-button-upload" @click="uploadIcon(item,'image')"></view> + <view class="flex p20" style="padding-top: 0rpx;padding-bottom: 10rpx" + v-if="item.pictureList&&item.pictureList.length>0"> + <view class="m-t-12 m-r-10 " v-for="(tBanner,index2) of item.pictureList" :key="index2"> + <!-- <image :src="tBanner" @click.stop="previewImg(tBanner)" width="30px" height="30px" style= ></image> --> + <u--image :showLoading="true" :src="tBanner" width="50px" height="50px"></u--image> + <view class="t-red text-center" @click.stop="deleteImg(item,index2)">删除</view> + </view> + </view> </view> </view> </u-col> @@ -896,6 +917,10 @@ } } + + .comment-content-div{ + margin: 10rpx; + } } </style> \ No newline at end of file -- Gitblit v1.9.3