|
15 | 15 | } |
16 | 16 |
|
17 | 17 | @keyframes wave { |
18 | | - |
19 | 18 | 0%, |
20 | 19 | 100% { |
21 | 20 | transform: scaleY(1); |
|
39 | 38 |
|
40 | 39 | // 遮罩层 |
41 | 40 | @chat-record-mask-z-index: 5100; |
42 | | -@chat-record-mask-bg: rgba(0, 0, 0, 0.80); |
| 41 | +@chat-record-mask-bg: rgba(0, 0, 0, 0.8); |
43 | 42 | @chat-record-mask-blur: blur(5px); |
44 | 43 |
|
45 | 44 | // 主容器 |
|
57 | 56 | // 气泡颜色 |
58 | 57 | @chat-record-color-blue: #2979ff; |
59 | 58 | @chat-record-color-red: #ff5252; |
60 | | -@chat-record-color-white: #FFFFFF; |
| 59 | +@chat-record-color-white: #ffffff; |
61 | 60 |
|
62 | 61 | @chat-record-cancel-font-size: 32rpx; |
63 | 62 |
|
|
105 | 104 | @chat-record-circle-size: 2000rpx; |
106 | 105 | @chat-record-circle-border-radius: 2000rpx; |
107 | 106 | @chat-record-circle-bottom: -1700rpx; |
108 | | -@chat-record-circle-border: 4rpx solid #FFFFFF; |
109 | | -@chat-record-circle-bg-default: #DCDCDC; |
| 107 | +@chat-record-circle-border: 4rpx solid #ffffff; |
| 108 | +@chat-record-circle-bg-default: #dcdcdc; |
110 | 109 | @chat-record-circle-bg-active: #4a4a4a; |
111 | 110 |
|
112 | 111 | // 异形按钮 |
|
116 | 115 | @chat-record-shape-btn-padding-bottom: 180rpx; |
117 | 116 | @chat-record-shape-btn-hint-top: -50rpx; |
118 | 117 | @chat-record-shape-btn-hint-font-size: 24rpx; |
119 | | -@chat-record-shape-btn-hint-color: #A3A3A3; |
| 118 | +@chat-record-shape-btn-hint-color: #a3a3a3; |
120 | 119 | @chat-record-shape-btn-label-font-size: 28rpx; |
121 | 120 | @chat-record-shape-btn-label-line-height: 44rpx; |
122 | 121 | @chat-record-shape-btn-label-color: #fff; |
|
146 | 145 | // ==================== 主容器 ==================== |
147 | 146 |
|
148 | 147 | .@{chat-record} { |
149 | | - |
150 | 148 | // 录音按钮 |
151 | 149 | &-hook { |
152 | 150 | width: 100%; |
|
164 | 162 | // ==================== 遮罩层和主容器 ==================== |
165 | 163 |
|
166 | 164 | &-audio-input { |
167 | | - |
168 | 165 | &.show { |
169 | | - |
170 | 166 | .@{chat-record}-audio-input__mask, |
171 | 167 | .@{chat-record}-audio-input__main { |
172 | 168 | opacity: 1; |
|
313 | 309 |
|
314 | 310 | // 文案颜色:发送态黑色 60%,取消态红色 |
315 | 311 | .tips-send { |
316 | | - color: rgba(0, 0, 0, 0.60); |
| 312 | + color: rgba(0, 0, 0, 0.6); |
317 | 313 | } |
318 | 314 |
|
319 | 315 | .tips-cancel { |
|
378 | 374 | } |
379 | 375 |
|
380 | 376 | .btn-text { |
381 | | - color: #FFF; |
| 377 | + color: #fff; |
382 | 378 | text-align: center; |
383 | | - font-family: "PingFang SC"; |
| 379 | + font-family: 'PingFang SC'; |
384 | 380 | font-size: @chat-record-cancel-text-font-size; |
385 | 381 | font-weight: 600; |
386 | 382 | line-height: @chat-record-cancel-text-line-height; |
|
403 | 399 | transition: background-color @chat-record-transition-fast; |
404 | 400 |
|
405 | 401 | text { |
406 | | - color: rgba(0, 0, 0, 0.90); |
407 | | - font-family: "PingFang SC"; |
| 402 | + color: rgba(0, 0, 0, 0.9); |
| 403 | + font-family: 'PingFang SC'; |
408 | 404 | font-size: @chat-record-send-btn-font-size; |
409 | 405 | font-weight: 600; |
410 | 406 | line-height: @chat-record-send-btn-line-height; |
|
0 commit comments