完善圈子

src/views/chicken-circle/comps/comment-list/index.less

@@ -33,6 +33,7 @@
     display: flex;
     align-items: flex-start;
     margin-bottom: 20px;
+    margin-top: 10px;
     .text-area-outer-box{
       border: 1px solid lightgray;
       border-radius: 8px;
@@ -46,13 +47,23 @@
     }
   }
   .comment-list-wrapper{
-    .comment-list-item{
+    .comment-item-wrapper{
       margin-top: 30px;
-      .ope-btn-group{
-        gap: 16px;
-        color: gray;
-        .reply-btn{
+      width: 100%;
+      .comment-detail-wrapper{
+        flex: 1;
+      }
+      .comment-content{
+        margin: 10px 0;
+      }
+      .comment-bottom-wrapper{
+        color: rgb(211, 211, 211);
+        .bottom-btn{
+          margin-left: 10px;
           cursor: pointer;
+          &:hover, &.active{
+            color: #1677ff;
+          }
         }
       }
     }