circle-card

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

@@ -41,6 +41,7 @@ Component({
         commenttext: "评论",
         focusedCommentId: null,
         isCommentFocused: false,
+        noCommentCount:0,
         //
         showconfirm:false
     },
@@ -356,9 +357,11 @@ Component({
                 return comment;
             });
             const filteredCommentList = commentList.filter(item => !item.comment || (item.comment && !item.comment.isDeleted));
+            const noCommentCount = commentList.filter(item => !item.comment).length;
             console.log('评论', filteredCommentList);
             this.setData({
-                commentList: filteredCommentList
+                commentList: filteredCommentList,
+                noCommentCount,
             });
         },
 

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

@@ -418,6 +418,10 @@
         width: 100%;
         font-size: 26rpx;
         margin-top: 50rpx;
+        .contentbox{
+            width: 100%;
+            max-height: 200rpx;
+        }
         .quanwen{
             font-size: 26rpx;
             color: #CDCDD2;

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

@@ -105,7 +105,10 @@
             关注
         </view>
     </view>
-    <view wx:if="{{type=='surface'}}" class="text" bindtap="gourl" data-url="../../pages/circle/circle-detail/index" data-id="{{cicleList[0].objectId}}">{{cicleList[0].content}}
+    <view wx:if="{{type=='surface'}}" class="text" bindtap="gourl" data-url="../../pages/circle/circle-detail/index" data-id="{{cicleList[0].objectId}}">
+        <view class="contentbox">
+            {{cicleList[0].content}}
+        </view>
         <view class="quanwen">查看全文</view>
     </view>
 
@@ -126,7 +129,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-url="../../pages/circle/circle-detail/index" data-id="{{cicleList[0].objectId}}">+{{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>
 
@@ -140,13 +143,19 @@
         <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'/>
+        <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 class="dianzan" wx:if="{{!isclick}}" bindtap="isclick" data-id="{{cicleList[0].objectId}}">
+            <van-icon name="good-job-o" size='32rpx' />
+            {{chickList.length}}
+        </view>
+
+        <view class="dianzan" wx:if="{{isclick}}" bindtap="isclick">
+            <van-icon name="good-job-o" size='32rpx' color='#FF6C00' />
+            {{chickList.length}}
         </view>
 
         <view class="time-box">
@@ -155,14 +164,15 @@
             <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
+                <van-icon name="chat-o" size='32rpx' />
+                {{noCommentCount}}
             </view>
             <!-- 转发 -->
             <view class="pinlunbox" style="margin-left: 10rpx;">
                 <van-icon name="share-o" size='32rpx' />
-                12
+                0
             </view>
         </view>
         <!-- 点赞评论 -->
@@ -217,7 +227,7 @@
                 <span style="color: #4896FB;">{{item.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>