|
|
@@ -2,7 +2,7 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
<!-- 用户评论 -->
|
|
|
- <div class="d-flex align-center mb-5">
|
|
|
+ <div class="d-flex align-center mb-2">
|
|
|
<div class="d-flexx mr-3">
|
|
|
<!-- <image class="avatar" :src="item.userAvatar"></image> -->
|
|
|
<v-avatar class="avatar">
|
|
|
@@ -21,30 +21,32 @@
|
|
|
/>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="content"> {{ item.content }} </div>
|
|
|
- <div class="ss-m-t-24" v-if="item.picUrls?.length">
|
|
|
- <div class="scroll-box">
|
|
|
- <div class="ss-flex">
|
|
|
- <div v-for="(picUrl, index) in item.picUrls" :key="picUrl" class="ss-m-r-10">
|
|
|
- <v-img :src="picUrl" :aspect-ratio="1" :current="index" style="border-radius: 8px;"></v-img>
|
|
|
- <!-- <su-image
|
|
|
- class="content-img"
|
|
|
- isPreview
|
|
|
- :previewList="item.picUrls"
|
|
|
- :current="index"
|
|
|
- :src="picUrl"
|
|
|
- :height="120"
|
|
|
- :width="120"
|
|
|
- mode="aspectFill"
|
|
|
- /> -->
|
|
|
+ <div class="ml-12 mb-3 pb-5" style="border-bottom: 1px solid #EBEBEB;">
|
|
|
+ <div class="content"> {{ item.content }} </div>
|
|
|
+ <div class="ss-m-t-24" v-if="item.picUrls?.length">
|
|
|
+ <div class="scroll-box">
|
|
|
+ <div class="ss-flex">
|
|
|
+ <div v-for="(picUrl, index) in item.picUrls" :key="picUrl" class="ss-m-r-10">
|
|
|
+ <v-img :src="picUrl" :aspect-ratio="1" :current="index" style="border-radius: 8px;"></v-img>
|
|
|
+ <!-- <su-image
|
|
|
+ class="content-img"
|
|
|
+ isPreview
|
|
|
+ :previewList="item.picUrls"
|
|
|
+ :current="index"
|
|
|
+ :src="picUrl"
|
|
|
+ :height="120"
|
|
|
+ :width="120"
|
|
|
+ mode="aspectFill"
|
|
|
+ /> -->
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <!-- 商家回复 -->
|
|
|
- <div class="ss-m-t-20 reply-box" v-if="item.replyTime">
|
|
|
- <div class="reply-title">商家回复：</div>
|
|
|
- <div class="reply-content">{{ item.replyContent }}</div>
|
|
|
+ <!-- 商家回复 -->
|
|
|
+ <div class="reply-box mt-3 px-3 py-2 d-flex" v-if="item.replyTime">
|
|
|
+ <div class="reply-title">商家回复：</div>
|
|
|
+ <div class="reply-content">{{ item.replyContent }}</div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
@@ -80,16 +82,13 @@ import { getUserAvatar } from '@/utils/avatar'
|
|
|
}
|
|
|
|
|
|
.reply-box {
|
|
|
- position: relative;
|
|
|
background: #f8f8f8;
|
|
|
border-radius: 8rpx;
|
|
|
padding: 16rpx;
|
|
|
}
|
|
|
|
|
|
.reply-title {
|
|
|
- position: absolute;
|
|
|
- left: 16rpx;
|
|
|
- top: 16rpx;
|
|
|
+ // position: absolute;
|
|
|
font-weight: 400;
|
|
|
font-size: 26rpx;
|
|
|
line-height: 40rpx;
|
