红包需要添加样式

2026-01-07 17:49:17 +08:00
parent 1c021cdd21
commit 1634425c17
5 changed files with 450 additions and 237 deletions
--- a/TUIKit/components/TUIChat/message-input-toolbar/red-envelope/style/index.scss
+++ b/TUIKit/components/TUIChat/message-input-toolbar/red-envelope/style/index.scss
@@ -0,0 +1,83 @@
+.red-envelope {
+  padding: 34rpx 24rpx;
+  background-color: #f7f7f7;
+  .top-title {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 26rpx;
+    .title {
+      font-size: 32rpx;
+      color: #1c1c1c;
+    }
+  }
+
+  .input-box {
+    margin-bottom: 26rpx;
+    background: #ffffff;
+    border-radius: 16rpx;
+    padding: 24rpx 34rpx;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    text {
+      font-size: 32rpx;
+      color: #1c1c1c;
+    }
+    input {
+      width: 60%;
+      font-size: 32rpx;
+      color: #1c1c1c;
+      text-align: right;
+    }
+  }
+
+  .title-box {
+    input {
+      width: 100%;
+      text-align: left;
+    }
+  }
+
+  .bottom-box {
+    margin-top: 5vh;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+
+    .text-box {
+      display: flex;
+      align-items: baseline;
+      text {
+        font-weight: 600;
+        font-size: 28rpx;
+        color: #1c1c1c;
+        &:last-child {
+          font-size: 68rpx;
+        }
+      }
+    }
+
+    .btn {
+      margin-top: 28rpx;
+      font-size: 30rpx;
+      color: #ffffff;
+      background: #f56c6c;
+      width: 46%;
+      &::after {
+        display: none;
+      }
+    }
+  }
+
+  // 警告提现
+  .on-reminder {
+    text {
+      color: #f56c6c;
+    }
+    input {
+      color: #f56c6c;
+    }
+  }
+}