| | |
| | | </view> |
| | | <view class="m-t-12"> |
| | | |
| | | <view v-for="(item,index) of commentList" > |
| | | <view v-for="(item,index) of commentList" :key="index"> |
| | | <u-row justify="space-between" > |
| | | <u-col> |
| | | <u-col span="2"> |
| | | <view style="display: flex; justify-content: flex-start; align-items: center;padding: 5rpx;"> |
| | | <u--image v-if="item.anonymityFalg==1 " :showLoading="true" |
| | | src="https://youzhen123.oss-cn-huhehaote.aliyuncs.com/WechatOwnerProperty/images/mrtx.png" width="30px" height="30px" shape="circle"></u--image> |
| | | <u--image v-else :showLoading="true" :src="item.customerCover" width="30px" height="30px" shape="circle"></u--image> |
| | | <span v-if="item.anonymityFalg==1 " >匿名用户</span> |
| | | <span v-else>{{item.customerName}}</span> |
| | | </view> |
| | | </u-col> |
| | | <u-col span="10" style="font-size: 12px;"> |
| | | <span v-if="item.anonymityFalg==1 " >匿名用户</span> |
| | | <span v-else>{{item.customerName}}</span> |
| | | </u-col> |
| | | |
| | | <!-- <u-col span="4"> |
| | |
| | | <view> |
| | | <view> |
| | | <span class="flower-unit" >{{item.flowerName}} {{item.flowerLevel}}</span> |
| | | <span class="comment"> |
| | | <span class="comment" style="font-size: 12px;"> |
| | | {{item.comment}} |
| | | </span> |
| | | </view> |
| | |
| | | <!-- <u--image v-for="(commentImg,index2) of item.commentImagesList" :key="index2" class="comment-img" |
| | | :showLoading="true" :src="commentImg"></u--image> --> |
| | | |
| | | <image v-for="(commentImg,index2) of item.commentImagesList" :key="index2" :src="commentImg" class="comment-img" @click="previewImg(commentImg)"></image> |
| | | <!-- <image v-for="(commentImg,index2) of item.commentImagesList" :key="index2" :src="commentImg" class="comment-img" @click="previewImg(commentImg)"></image> --> |
| | | |
| | | <u-grid |
| | | :border="false" |
| | | @click="click" |
| | | > |
| | | <u-grid-item |
| | | v-for="(commentImg,index2) of item.commentImagesList" |
| | | :key="index2" |
| | | > |
| | | <image :src="commentImg" class="comment-img" @click="previewImg(commentImg)"></image> |
| | | </u-grid-item> |
| | | </u-grid> |
| | | |
| | | </view> |
| | | |
| | | </view> |
| | |
| | | |
| | | .comment{ |
| | | margin: 10px; |
| | | font-size: 12rpx; |
| | | font-size: 10rpx; |
| | | } |
| | | |
| | | } |
| | |
| | | display: flex; |
| | | flex-wrap: wrap; |
| | | .comment-img{ |
| | | margin:10px; |
| | | width:80px;; |
| | | height:80px; |
| | | margin:5rpx; |
| | | width:150rpx;; |
| | | height:150rpx; |
| | | border-radius: 10rpx; |
| | | } |
| | | } |
| | | |
| | |
| | | color: #6582B6; |
| | | margin-top:10rpx; |
| | | padding: 10rpx; |
| | | font-size: 12px; |
| | | } |
| | | |
| | | .flower-unit{ |
| | |
| | | margin-left:0px; |
| | | padding-left: 5rpx; |
| | | padding-right: 5rpx; |
| | | // font-size: 12px; |
| | | font-size: 12px; |
| | | } |
| | | } |
| | | </style> |