调整样式

pages/comment/index.less

@@ -27,8 +27,16 @@
         font-size: 30rpx;
       }
 
+      .bBox {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding-right: 50rpx;
+      }
+
       .date {
         margin: 10rpx 0rpx;
+        word-break: break-all;
         padding-right: 50rpx;
         font-size: 24rpx;
       }
@@ -51,8 +59,8 @@
 
     .audioCover {
       position: relative;
-      width: 230rpx;
-      height: 128rpx;
+      width: 134rpx;
+      height: 74rpx;
       display: flex;
       align-items: center;
       justify-content: center;
@@ -62,22 +70,22 @@
       background-position: center;
 
       .audioPlayBg {
-        width: 100rpx;
-        height: 100rpx;
+        width: 58rpx;
+        height: 58rpx;
       }
 
       .audioPlayZhen {
         position: absolute;
-        right: 52rpx;
-        top: 20rpx;
-        width: 24rpx;
-        height: 30rpx;
+        right: 30rpx;
+        top: 11rpx;
+        width: 14rpx;
+        height: 17rpx;
       }
 
       .cover {
         position: absolute;
-        width: 84rpx;
-        height: 84rpx;
+        width: 48rpx;
+        height: 48rpx;
         border-radius: 50%;
       }
     }

pages/comment/index.wxml

@@ -6,9 +6,12 @@
     <view class="body">
       <view class="nickName">{{item.user.nickName||item.user.eid}}</view>
       <view class="date">
-        评论了你：<text>{{item.posts.detailDesc}} {{item.posts.day}}</text>
+        评论了你：{{item.posts.detailDesc}}
+      </view>
+      <view class="bBox">
+        <view class="date">{{item.posts.day}}</view>
+        <view class="reply" data-id="{{item.posts.id}}" catchtap="setReply">回复评论</view>
       </view>
-      <view class="reply" data-id="{{item.posts.id}}" catchtap="setReply">回复评论</view>
     </view>
     <image src="{{item.userRead.coverImg}}" class="cover" wx:if="{{item.userRead.resourcesType==0}}" />
     <view class="audioCover" style="background-image: url({{item.userRead.backgroundVirtualImg}});" wx:else>

pages/comment/index.wxss

@@ -23,8 +23,15 @@
 .commentPage .notes .body .nickName {
   font-size: 30rpx;
 }
+.commentPage .notes .body .bBox {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding-right: 50rpx;
+}
 .commentPage .notes .body .date {
   margin: 10rpx 0rpx;
+  word-break: break-all;
   padding-right: 50rpx;
   font-size: 24rpx;
 }
@@ -43,8 +50,8 @@
 }
 .commentPage .notes .audioCover {
   position: relative;
-  width: 230rpx;
-  height: 128rpx;
+  width: 134rpx;
+  height: 74rpx;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -54,20 +61,20 @@
   background-position: center;
 }
 .commentPage .notes .audioCover .audioPlayBg {
-  width: 100rpx;
-  height: 100rpx;
+  width: 58rpx;
+  height: 58rpx;
 }
 .commentPage .notes .audioCover .audioPlayZhen {
   position: absolute;
-  right: 52rpx;
-  top: 20rpx;
-  width: 24rpx;
-  height: 30rpx;
+  right: 30rpx;
+  top: 11rpx;
+  width: 14rpx;
+  height: 17rpx;
 }
 .commentPage .notes .audioCover .cover {
   position: absolute;
-  width: 84rpx;
-  height: 84rpx;
+  width: 48rpx;
+  height: 48rpx;
   border-radius: 50%;
 }
 .commentPage .empty {

pages/like/index.less

@@ -37,15 +37,15 @@
     }
 
     .cover {
-      width: 230rpx;
-      height: 128rpx;
+      width: 134rpx;
+      height: 74rpx;
       border-radius: 10rpx;
     }
 
     .audioCover {
       position: relative;
-      width: 230rpx;
-      height: 128rpx;
+      width: 134rpx;
+      height: 74rpx;
       display: flex;
       align-items: center;
       justify-content: center;
@@ -55,22 +55,22 @@
       background-position: center;
 
       .audioPlayBg {
-        width: 100rpx;
-        height: 100rpx;
+        width: 58rpx;
+        height: 58rpx;
       }
 
       .audioPlayZhen {
         position: absolute;
-        right: 52rpx;
-        top: 20rpx;
-        width: 24rpx;
-        height: 30rpx;
+        right: 30rpx;
+        top: 11rpx;
+        width: 14rpx;
+        height: 17rpx;
       }
 
       .cover {
         position: absolute;
-        width: 84rpx;
-        height: 84rpx;
+        width: 48rpx;
+        height: 48rpx;
         border-radius: 50%;
       }
     }

pages/like/index.wxss

@@ -31,14 +31,14 @@
   font-size: 24rpx;
 }
 .like .notes .cover {
-  width: 230rpx;
-  height: 128rpx;
+  width: 134rpx;
+  height: 74rpx;
   border-radius: 10rpx;
 }
 .like .notes .audioCover {
   position: relative;
-  width: 230rpx;
-  height: 128rpx;
+  width: 134rpx;
+  height: 74rpx;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -48,20 +48,20 @@
   background-position: center;
 }
 .like .notes .audioCover .audioPlayBg {
-  width: 100rpx;
-  height: 100rpx;
+  width: 58rpx;
+  height: 58rpx;
 }
 .like .notes .audioCover .audioPlayZhen {
   position: absolute;
-  right: 52rpx;
-  top: 20rpx;
-  width: 24rpx;
-  height: 30rpx;
+  right: 30rpx;
+  top: 11rpx;
+  width: 14rpx;
+  height: 17rpx;
 }
 .like .notes .audioCover .cover {
   position: absolute;
-  width: 84rpx;
-  height: 84rpx;
+  width: 48rpx;
+  height: 48rpx;
   border-radius: 50%;
 }
 .like .empty {