开发点赞评论红点及新评论组件

app.wxss

@@ -51,7 +51,7 @@ text {
 }
 
 .seat2 {
-  padding-bottom: calc(110rpx + env(safe-area-inset-bottom)) !important;
+  padding-bottom: calc(130rpx + env(safe-area-inset-bottom)) !important;
 }
 
 .isFixed {

components/comment/index.less

@@ -25,7 +25,6 @@
     justify-content: space-between;
     width: 100%;
     height: 900rpx;
-    padding-bottom: 110rpx;
     background-color: white;
     border-top-left-radius: 25rpx;
     border-top-right-radius: 25rpx;

components/comment/index.wxss

@@ -24,7 +24,6 @@
   justify-content: space-between;
   width: 100%;
   height: 900rpx;
-  padding-bottom: 110rpx;
   background-color: white;
   border-top-left-radius: 25rpx;
   border-top-right-radius: 25rpx;

pages/comment/index.less

@@ -6,6 +6,13 @@
     padding: 20rpx 40rpx 24rpx;
     border-bottom: 1px solid #D8D8D8;
 
+    .redDrop {
+      width: 12rpx;
+      height: 12rpx;
+      border-radius: 50%;
+      background-color: red;
+    }
+
     .avatar {
       width: 80rpx;
       height: 80rpx;

pages/comment/index.wxml

@@ -1,5 +1,6 @@
 <view class="commentPage">
   <view class="notes" wx:for="{{list}}" wx:key="index" data-id='{{item.userRead.id}}' bindtap="jumpWork">
+    <view class="redDrop"></view>
     <image src="{{item.user.avatar}}" class="avatar" data-uid='{{item.user.uid}}' catchtap="jumpUserInfo" />
     <view class="body">
       <view class="nickName">{{item.user.nickName||item.user.eid}}</view>

pages/comment/index.wxss

@@ -5,6 +5,12 @@
   padding: 20rpx 40rpx 24rpx;
   border-bottom: 1px solid #D8D8D8;
 }
+.commentPage .notes .redDrop {
+  width: 12rpx;
+  height: 12rpx;
+  border-radius: 50%;
+  background-color: red;
+}
 .commentPage .notes .avatar {
   width: 80rpx;
   height: 80rpx;

pages/like/index.less

@@ -1,11 +1,19 @@
 .like {
   .notes {
+    position: relative;
     display: flex;
     align-items: flex-start;
     justify-content: space-between;
     padding: 20rpx 40rpx;
     border-bottom: 1px solid #D8D8D8;
 
+    .redDrop {
+      width: 12rpx;
+      height: 12rpx;
+      border-radius: 50%;
+      background-color: red;
+    }
+
     .avatar {
       width: 80rpx;
       height: 80rpx;

pages/like/index.wxml

@@ -1,5 +1,6 @@
 <view class="like">
   <view class="notes" wx:for="{{list}}" wx:key="index" data-id='{{item.userRead.id}}' bindtap="jumpWork">
+    <view class="redDrop"></view>
     <image src="{{item.user.avatar}}" class="avatar" data-uid='{{item.user.uid}}' catchtap="jumpUserInfo" />
     <view class="body">
       <view class="nickName">{{item.user.nickName||item.user.eid}}</view>

pages/like/index.wxss

@@ -1,10 +1,17 @@
 .like .notes {
+  position: relative;
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   padding: 20rpx 40rpx;
   border-bottom: 1px solid #D8D8D8;
 }
+.like .notes .redDrop {
+  width: 12rpx;
+  height: 12rpx;
+  border-radius: 50%;
+  background-color: red;
+}
 .like .notes .avatar {
   width: 80rpx;
   height: 80rpx;