陶杰
2024-12-18 d5f269a4155d4e7cd08d85f44861c7d6076d9b2a
sub_pages/customer/shop/shop.vue
@@ -170,16 +170,18 @@
            </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>
                           src="https://hmy-flower.oss-cn-shanghai.aliyuncs.com/95/95450acd98ff4245ab998809496ba6d5niming.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 " >{{formatAnonymityName(item.customerName)}}</span>
                        <span v-else>{{item.customerName}}</span>
                     </u-col>
                  
                  <!--    <u-col span="4">
@@ -196,7 +198,7 @@
                        <view>       
                           <view>
                              <span class="flower-unit" >{{item.flowerName}} &nbsp; {{item.flowerLevel}}</span>
                              <span class="comment">
                              <span class="comment" style="font-size: 12px;">
                                 {{item.comment}}
                              </span>
                           </view>
@@ -204,7 +206,17 @@
                           <!--    <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" >
                                 <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>
@@ -464,6 +476,15 @@
         }
      },
      methods: {
         formatAnonymityName(name) {
            if (name.length <= 1) {
               return '**' + name + '**';
            } else {
               const firstChar = name.charAt(0);
               return '**' + firstChar + '**';
            }
         },
         
         async getCommentsStatis() {
            {
@@ -967,7 +988,7 @@
         
         .comment{
            margin: 10px;
            font-size: 12rpx;
            font-size: 10rpx;
         }
         
      }
@@ -983,9 +1004,14 @@
         display: flex;
         flex-wrap: wrap;
         .comment-img{
            margin:10px;
            width:80px;;
            height:80px;
            margin:5rpx;
            width:170rpx;
            height:170rpx;
            border-radius: 10rpx;
            object-fit: contain;
         }
         .comment-img2{
            object-fit: cover; /* 或 contain */
         }
      }
      
@@ -994,6 +1020,7 @@
         color: #6582B6;
         margin-top:10rpx;
         padding: 10rpx;
         font-size: 12px;
      }
      
      .flower-unit{
@@ -1003,7 +1030,7 @@
         margin-left:0px;
         padding-left: 5rpx;
         padding-right: 5rpx;
         // font-size: 12px;
         font-size: 12px;
      }
   }
</style>