1

src/other_pages/comment_reply/index.scss

@@ -96,6 +96,11 @@
         height: 48px;
         border-radius: 999px;
         flex-shrink: 0;
+        cursor: pointer;
+
+        &:active {
+          opacity: 0.8;
+        }
       }
 
       .comment-content {
@@ -111,6 +116,12 @@
           font-size: 14px;
           line-height: 1.43;
           color: #000000;
+          cursor: pointer;
+          width: fit-content;
+
+          &:active {
+            opacity: 0.6;
+          }
         }
 
         .action-row {
@@ -225,4 +236,73 @@
       color: rgba(0, 0, 0, 0.35);
     }
   }
-}
+
+  // 回复输入框
+  .reply-input-container {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    background: #F8F8F8;
+    border-top: 0.5px solid rgba(0, 0, 0, 0.06);
+    padding: 8px 12px;
+    padding-bottom: calc(20px + env(safe-area-inset-bottom));
+    z-index: 200;
+
+    .reply-input-wrapper {
+      display: flex;
+      align-items: center;
+      gap: 0;
+      background: #FFFFFF;
+      border-radius: 20px;
+
+      .input-row {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        width: 100%;
+
+        height: 36px;
+        padding-left: 16px;
+        margin: 12px 0px;
+
+
+        .reply-input {
+          flex: 1;
+          border: none;
+          font-family: 'PingFang SC';
+          font-weight: 400;
+          font-size: 15px;
+          line-height: 1.4;
+          color: #000000;
+
+          &::placeholder {
+            color: rgba(60, 60, 67, 0.3);
+            font-size: 15px;
+          }
+        }
+
+        .input-actions {
+          display: flex;
+          align-items: center;
+
+          .send-btn {
+            width: 32px;
+            height: 32px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            cursor: pointer;
+            flex-shrink: 0;
+
+            .send-icon {
+              width: 100%;
+              height: 100%;
+            }
+
+          }
+        }
+      }
+    }
+  }
+}