优化样式

components/comment/index.less

@@ -89,24 +89,28 @@
 
             .detailDesc {
               letter-spacing: 2rpx;
-              padding: 24rpx 0rpx;
+              margin: 12rpx 0rpx;
+              padding: 12rpx 0rpx;
+              border-radius: 10rpx;
               font-size: 30rpx;
               word-break: break-all;
               color: rgba(0, 0, 0, 0.7);
+            }
 
-
+            .hoverClass {
+              background-color: #F7F7F7;
             }
 
             .replyList {
               width: 100%;
               padding: 14rpx;
               box-sizing: border-box;
-              background-color: #F7F7F7;
+              background-color: #fafafa93;
               margin-bottom: 20rpx;
 
               .reply {
                 font-size: 28rpx;
-
+                margin-bottom: 8rpx;
                 .replyTitle {
                   color: rgb(13, 147, 201);
                 }
@@ -115,6 +119,10 @@
                   color: rgba(0, 0, 0, 0.7);
                 }
               }
+
+              .hoverClass2 {
+                background-color: #F7F7F7;
+              }
             }
 
             .record {

components/comment/index.wxml

@@ -18,14 +18,16 @@
             <view class="nickName">
               {{item.user.nickName||item.user.eid}}
             </view>
-            <view class="detailDesc" data-id='{{item.id}}' data-type='1' bind:longpress="onLongPress">
+            <view class="detailDesc" data-id='{{item.id}}' data-type='1' bind:longpress="onLongPress"
+              hover-class='hoverClass'>
               {{item.detailDesc}}
             </view>
             <view class="replyList" wx:if="{{item.replyVOList.length>0}}">
-              <view class="reply" wx:for="{{item.replyVOList}}" wx:for-item="reply" wx:key='id'>
+              <view class="reply" wx:for="{{item.replyVOList}}" wx:for-item="reply" wx:key='id'
+                data-parent="{{item.id}}" data-id='{{reply.id}}' data-type='2' bind:longpress="onLongPress"
+                hover-class='hoverClass2'>
                 <text class="replyTitle">{{reply.user.nickName||reply.user.eid}}</text>
-                <text class="replyContent" data-parent="{{item.id}}" data-id='{{reply.id}}' data-type='2'
-                  bind:longpress="onLongPress">：{{reply.content}}</text>
+                <text class="replyContent">：{{reply.content}}</text>
               </view>
             </view>
             <view class="record">

components/comment/index.wxss

@@ -82,20 +82,26 @@
 }
 .commentBox .comment .body .body-box .content .c-right .detailDesc {
   letter-spacing: 2rpx;
-  padding: 24rpx 0rpx;
+  margin: 12rpx 0rpx;
+  padding: 12rpx 0rpx;
+  border-radius: 10rpx;
   font-size: 30rpx;
   word-break: break-all;
   color: rgba(0, 0, 0, 0.7);
 }
+.commentBox .comment .body .body-box .content .c-right .hoverClass {
+  background-color: #F7F7F7;
+}
 .commentBox .comment .body .body-box .content .c-right .replyList {
   width: 100%;
   padding: 14rpx;
   box-sizing: border-box;
-  background-color: #F7F7F7;
+  background-color: #fafafa93;
   margin-bottom: 20rpx;
 }
 .commentBox .comment .body .body-box .content .c-right .replyList .reply {
   font-size: 28rpx;
+  margin-bottom: 8rpx;
 }
 .commentBox .comment .body .body-box .content .c-right .replyList .reply .replyTitle {
   color: #0d93c9;
@@ -103,6 +109,9 @@
 .commentBox .comment .body .body-box .content .c-right .replyList .reply .replyContent {
   color: rgba(0, 0, 0, 0.7);
 }
+.commentBox .comment .body .body-box .content .c-right .replyList .hoverClass2 {
+  background-color: #F7F7F7;
+}
 .commentBox .comment .body .body-box .content .c-right .record {
   display: flex;
   align-items: center;