circle page

nova-werun/components/circle-card/index.less

@@ -266,25 +266,27 @@
         flex-wrap: wrap;
         border-top: gray solid 0.1px;
         font-size: 28rpx;
+        padding-right: 10rpx;
         .comment{
             width: 100%;
-            display: flex;
-            height: 60rpx;
-            align-items: center;
-            .nickname{
-                color: #072d79;
-            }
+            padding-top: 10rpx;
+            padding-bottom: 10rpx;
+            flex-wrap: wrap;
+            flex: 1; /* 允许内容占用剩余空间 */
+            white-space: normal; /* 允许内容换行 */
+            overflow-wrap: break-word; /* 处理长单词的换行 */
         }
         .comment2{
             background-color: #bfbebe;
             width: 100%;
-            display: flex;
-            height: 60rpx;
-            align-items: center;
+            padding-top: 10rpx;
+            padding-bottom: 10rpx;
+            flex-wrap: wrap;
+            flex: 1; /* 允许内容占用剩余空间 */
+            white-space: normal; /* 允许内容换行 */
+            overflow-wrap: break-word; /* 处理长单词的换行 */
             position: relative;
-            .nickname{
-                color: #072d79;
-            }
+
             .delete{
                 width: 100rpx;
                 height: 50rpx;
@@ -293,7 +295,7 @@
                 align-items: center;
                 background-color: white;
                 position: absolute;
-                bottom: 50rpx;
+                top: -40rpx;
                 left: 50%;
             }
         }
@@ -309,25 +311,26 @@
         padding-left: 18rpx;
         flex-wrap: wrap;
         font-size: 28rpx;
+        padding-right: 10rpx;
         .comment{
             width: 100%;
-            display: flex;
-            height: 60rpx;
-            align-items: center;
-            .nickname{
-                color: #072d79;
-            }
+            padding-top: 10rpx;
+            padding-bottom: 10rpx;
+            flex-wrap: wrap;
+            flex: 1; /* 允许内容占用剩余空间 */
+            white-space: normal; /* 允许内容换行 */
+            overflow-wrap: break-word; /* 处理长单词的换行 */
         }
         .comment2{
             background-color: #bfbebe;
             width: 100%;
-            display: flex;
-            height: 60rpx;
-            align-items: center;
+            padding-top: 10rpx;
+            padding-bottom: 10rpx;
+            flex-wrap: wrap;
+            flex: 1; /* 允许内容占用剩余空间 */
+            white-space: normal; /* 允许内容换行 */
+            overflow-wrap: break-word; /* 处理长单词的换行 */
             position: relative;
-            .nickname{
-                color: #072d79;
-            }
             .delete{
                 width: 100rpx;
                 height: 50rpx;
@@ -336,7 +339,7 @@
                 align-items: center;
                 background-color: white;
                 position: absolute;
-                bottom: 50rpx;
+                bottom: -40rpx;
                 left: 50%;
             }
         }

nova-werun/components/circle-card/index.wxml

@@ -1,5 +1,5 @@
 <!--nova-werun/components/circle-card/index.wxml-->
- <view class="trends-one" bindtouchstart="onTouchStart">
+<view class="trends-one" bindtouchstart="onTouchStart">
     <!-- 详细-->
     <view wx:if="{{type=='detail'}}" class="namebax">
         <image src="{{cicleList[0].profile.user.avatar}}"></image>
@@ -91,20 +91,20 @@
         </block>
 
     </view>
-    <view class="{{chickList.length !=0? 'commentbox' :'commentbox2' }}" wx:if="{{commentList.length!=0}}"   >
+    <view class="{{chickList.length !=0? 'commentbox' :'commentbox2' }}" wx:if="{{commentList.length!=0}}">
         <block wx:for="{{commentList}}">
             <view class="{{item.showdeletid?'comment2':'comment'}}" wx:if="{{!item.comment}}" bindtap="showpop" data-id="{{item.objectId}}">
-                <view class="nickname">{{item.user.nickname}}</view>
-                <view>:</view>
-                <view>{{item.content}}</view>
+                <span style="color: #072d79;">{{item.user.nickname}}</span>
+                :
+                <span>{{item.content}}</span>
                 <view wx:if="{{item.showdeletid}}" class="delete">删除</view>
             </view>
             <view class="{{item.showdeletid?'comment2':'comment'}}" wx:if="{{item.comment}}" bindtap="showpop" data-id="{{item.objectId}}">
-                <view class="nickname">{{item.user.nickname}}</view>
-                <view>回复</view>
-                <view class="nickname">{{item.comment.user.nickname}}</view>
-                <view>:</view>
-                <view style="flex-wrap: wrap;">{{item.content}}</view>
+                <span style="color: #072d79;">{{item.user.nickname}}</span>
+                回复
+                <span style="color: #072d79;">{{item.comment.user.nickname}}</span>
+                :
+                <span>{{item.content}}</span>
                 <view wx:if="{{item.showdeletid}}" class="delete">删除</view>
             </view>
         </block>