feat: 圈子

2024-07-19 00:10:20 +08:00
parent b6a5ca7bef
commit 2dd818762e
12 changed files with 464 additions and 71 deletions
--- a/src/views/chicken-circle/comps/comment-list/index.less
+++ b/src/views/chicken-circle/comps/comment-list/index.less
@@ -0,0 +1,60 @@
+.comment-list-box{
+  padding: 20px 0;
+  position: relative;
+  .flex{
+    display: flex;
+    align-items: center;
+  }
+  .align-top{
+    align-items: flex-start;
+  }
+  .avatar{
+    height: 30px;
+    width: 30px;
+    margin-right: 16px;
+  }
+  .top-arrow{
+    position: absolute;
+    top: -6px;
+    right: 25%;
+    width: 10px;
+    height: 10px;
+    background-color: white;
+    border-top: 1px solid rgba(228, 230, 235, 0.5);
+    border-right: 1px solid rgba(228, 230, 235, 0.5);
+    transform: rotate(-45deg);
+  }
+  .comment-number{
+    font-size: 20px;
+    font-weight: bold;
+    margin-bottom: 18px;
+  }
+  .comment-wrapper{
+    display: flex;
+    align-items: flex-start;
+    margin-bottom: 20px;
+    .text-area-outer-box{
+      border: 1px solid lightgray;
+      border-radius: 8px;
+      padding: 8px 12px;
+      flex: 1;
+      .comment-bottom{
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+      }
+    }
+  }
+  .comment-list-wrapper{
+    .comment-list-item{
+      margin-top: 30px;
+      .ope-btn-group{
+        gap: 16px;
+        color: gray;
+        .reply-btn{
+          cursor: pointer;
+        }
+      }
+    }
+  }
+}