circle-card

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

@@ -376,9 +376,8 @@
 .trends-two{
     width: 685rpx;
     margin-bottom: 20rpx;
-    border-bottom: grey solid 1px;
-    padding-left: 10rpx;
-    padding-right: 10rpx;
+    padding-left: 15rpx;
+    padding-right: 15rpx;
     padding-bottom: 20rpx;
     padding-top: 20rpx;
     color: #333333;
@@ -444,10 +443,11 @@
         display: flex;
         flex-wrap: wrap;
         margin-top: 30rpx;
-        
+        justify-content: center;
         .image {
-            width: 175rpx;
-            height: 175rpx;
+            width: 200rpx;
+            height: 200rpx;
+            border-radius: 15rpx;
         }
     
         .image-wrapper {
@@ -466,8 +466,8 @@
             background-color: rgba(0, 0, 0, 0.5); /* 半透明背景 */
             color: white;
             font-size: 26px;
-            width: 175rpx;
-            height: 175rpx;
+            width: 200rpx;
+            height: 200rpx;
             display: flex;
             align-items: center;
             justify-content: center;
@@ -484,6 +484,7 @@
             height: 240rpx;
             margin-right: 20rpx;
             margin-bottom: 10rpx;
+            border-radius: 15rpx;
         }
     }
     .picture4{
@@ -491,13 +492,14 @@
         display: flex;
         flex-wrap: wrap;
         margin-top: 30rpx;
-    
+        justify-content: center;
         .image{
             width: 230rpx;
             height: 230rpx;
-            margin-right: 10rpx;
-            margin-bottom: 10rpx;
+            margin-right: 20rpx;
+            margin-bottom: 20rpx;
             object-fit: cover;
+            border-radius: 15rpx;
         }
         .image:nth-child(2n) {
             margin-right: 0; /* 每行的最后一张图片不需要右边距 */
@@ -516,25 +518,47 @@
         .image-portrait {
             width: 332rpx; /* 竖屏图片的宽度 */
             height: 425rpx;
+            border-radius: 15rpx;
         }
     
         .image-landscape {
             width: 442rpx; /* 横屏图片的宽度 */
             height: 300rpx;
+            border-radius: 15rpx;
+        }
+    }
 
+    // 地址
+    .addbox{
+        width: 100%;
+        height: 30rpx;
+        display: flex;
+        align-items: center;
+        margin-top: 25rpx;
+        .add-tex{
+            font-size: 20rpx;
+            display: flex;
+            justify-content: center;
+            align-items: center;
         }
     }
     
     .timebox{
         width: 100%;
-        height: 80rpx;
-        padding-left: 90rpx;
-        margin-bottom: 20rpx;
+        // padding-left: 90rpx;
         display: flex;
         align-items: center;
         position: relative;
+        margin-top: 10rpx;
+        .dianzan{
+            width: 80rpx;
+            height: 50rpx;
+            font-size: 24rpx;
+            display: flex;
+            align-items: center;
+        }
         .time-box{
-            width: 85%;
+            width: 100%;
             height: 100%;
             display: flex;
             align-items: center;
@@ -542,6 +566,13 @@
                 font-size: 30rpx;
                 margin-right: 20rpx;
             }
+            .pinlunbox{
+                height: 100%;
+                display: flex;
+                align-items: center;
+                margin-left: auto;
+                font-size: 24rpx;
+            }
         }
         .functionbox{
             width: 280rpx;
@@ -649,22 +680,14 @@
         }
     }
     .commentbox{
-        padding-top: 10rpx;
-        padding-bottom: 10rpx;
-        margin-left: 90rpx;
         display: flex;
         flex-direction: column;
-        background-color: #efefef;
         align-items: center;
-        padding-left: 18rpx;
         flex-wrap: wrap;
-        border-top: gray solid 0.1px;
-        font-size: 30rpx;
+        font-size: 26rpx;
         padding-right: 10rpx;
         .comment{
             width: 100%;
-            padding-top: 10rpx;
-            padding-bottom: 10rpx;
             flex-wrap: wrap;
             flex: 1; /* 允许内容占用剩余空间 */
             white-space: normal; /* 允许内容换行 */
@@ -709,21 +732,14 @@
         }
     }
     .commentbox2{
-        padding-top: 10rpx;
-        padding-bottom: 10rpx;
-        margin-left: 90rpx;
         display: flex;
         flex-direction: column;
-        background-color: #efefef;
         align-items: center;
-        padding-left: 18rpx;
         flex-wrap: wrap;
-        font-size: 30rpx;
+        font-size: 26rpx;
         padding-right: 10rpx;
         .comment{
             width: 100%;
-            padding-top: 10rpx;
-            padding-bottom: 10rpx;
             flex-wrap: wrap;
             flex: 1; /* 允许内容占用剩余空间 */
             white-space: normal; /* 允许内容换行 */

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

@@ -126,7 +126,7 @@
         <view wx:for="{{images}}" wx:if="{{index < 9}}">
             <view class="image-wrapper">
                 <image mode="scaleToFill" bindtap="previewImage" data-index="{{index}}" class="image" src="{{item}}"></image>
-                <view class="more-images" wx:if="{{index==8}}" bindtap="gourl" data-id="{{cicleList[0].objectId}}" data-url="../../pages/circle-detail/index">+{{images.length - 9}}</view>
+                <view class="more-images" wx:if="{{index==8}}"  bindtap="gourl" data-url="../../pages/circle/circle-detail/index" data-id="{{cicleList[0].objectId}}">+{{images.length - 9}}</view>
             </view>
         </view>
 
@@ -139,13 +139,31 @@
     <view class="picture3" wx:if="{{images.length==1}}">
         <image mode="scaleToFill" bindtap="previewImage" data-index="{{index}}" class="{{imageclass}}" wx:for="{{images}}" src="{{item}}" bindload="onImageLoad"> </image>
     </view>
-
+    <view class="addbox">
+        <van-icon name="location-o"  size='28rpx'/>
+        <view class="add-tex">南昌市</view>
+    </view>
     <view class="timebox">
-        <!-- 展示时间 -->
+        <view class="dianzan">
+            <van-icon name="good-job-o" size='32rpx'  />
+            12
+        </view>
+
         <view class="time-box">
             <!-- <view class="time">{{time}}</view> -->
-            <van-icon wx:if="{{ permission=='delete'}}" color='#1a1abd' bind:click='showconfirm' name="delete-o" size='20' />
+            <!-- 删除 -->
+            <van-icon wx:if="{{ permission=='delete'}}" color='#1a1abd' bind:click='showconfirm' name="delete-o" size='32rpx' />
             <van-dialog id="van-dialog" showCancelButton message='你确认要删除吗' show="{{ showconfirm }}" bind:cancel='cancleconfirm' bind:confirm='clickconfirm' />
+            <!-- 评论 -->
+            <view class="pinlunbox" bindtap="showPopup">
+                <van-icon name="chat-o" size='32rpx'/>
+                12
+            </view>
+            <!-- 转发 -->
+            <view class="pinlunbox" style="margin-left: 10rpx;">
+                <van-icon name="share-o" size='32rpx' />
+                12
+            </view>
         </view>
         <!-- 点赞评论 -->
         <!-- <view class="functionbox" wx:if="{{isgood}}">
@@ -191,16 +209,15 @@
     <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}}">
-                <span style="color: #072d79;">{{item.user.nickname}}</span>
-                :
+                <span style="color: #4896FB;margin-right:10rpx">{{item.user.nickname}}:</span>
                 <span>{{item.content}}</span>
                 <view wx:if="{{item.showdeletid}}" class="delete" bindtap="deletecomment" data-id="{{item.objectId}}">删除</view>
             </view>
             <view class="{{item.showdeletid?'comment2':'comment'}}" wx:if="{{item.comment&&!item.comment.isDeleted}}" bindtap="showpop" data-id="{{item.objectId}}">
-                <span style="color: #072d79;">{{item.user.nickname}}</span>
+                <span style="color: #4896FB;">{{item.user.nickname}}</span>
                 回复
-                <span style="color: #072d79;">{{item.comment.user.nickname}}</span>
-                :
+                <span style="color: #4896FB;margin-right:10rpx">{{item.comment.user.nickname}}:</span>
+                
                 <span>{{item.content}}</span>
                 <view wx:if="{{item.showdeletid}}" class="delete" bindtap="deletecomment" data-id="{{item.objectId}}">删除</view>
             </view>