@uxda/appkit 4.3.11 → 4.3.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/appkit.css CHANGED
@@ -85,9 +85,9 @@
85
85
  font-weight: bold;
86
86
  }
87
87
  .app-verify .caption {
88
- font-size: 13px !important;
89
- color: #ccc;
90
- line-height: 21px;
88
+ font-size: 14px !important;
89
+ color: #666;
90
+ margin-bottom: 5px;
91
91
  }
92
92
  .app-verify .number {
93
93
  line-height: 21px;
@@ -106,9 +106,17 @@
106
106
  flex: 1;
107
107
  padding-left: 12px;
108
108
  }
109
+ .app-verify .form .nut-cell-group__wrap .form-input .input-text {
110
+ text-align: left !important;
111
+ }
109
112
  .app-verify .form .nut-cell-group__wrap .form-btn {
110
113
  margin-left: 12px;
111
- width: 105px;
114
+ width: 90px;
115
+ }
116
+ .app-verify .form .nut-cell-group__wrap .form-btn .caption {
117
+ font-size: 10px !important;
118
+ color: #ccc;
119
+ margin-bottom: 0;
112
120
  }
113
121
  .app-verify .buttons {
114
122
  width: 100%;
@@ -184,6 +192,19 @@
184
192
  .ocr-icon.disabled .ns-icon {
185
193
  filter: brightness(1.5) grayscale(1);
186
194
  }
195
+ .ocr-bank {
196
+ width: 24px;
197
+ height: 24px;
198
+ display: inline-flex;
199
+ align-items: center;
200
+ }
201
+ .ocr-bank .ns-icon {
202
+ width: 24px;
203
+ height: 24px;
204
+ }
205
+ .ocr-bank.disabled .ns-icon {
206
+ filter: brightness(1.5) grayscale(1);
207
+ }
187
208
  .ocr-business-license {
188
209
  width: 24px;
189
210
  height: 24px;
@@ -195,6 +216,19 @@
195
216
  .ocr-business-license.disabled .ns-icon {
196
217
  filter: brightness(1.5) grayscale(1);
197
218
  }
219
+ .ocr-invoice {
220
+ width: 24px;
221
+ height: 24px;
222
+ display: inline-flex;
223
+ align-items: center;
224
+ }
225
+ .ocr-invoice .ns-icon {
226
+ width: 24px;
227
+ height: 24px;
228
+ }
229
+ .ocr-invoice.disabled .ns-icon {
230
+ filter: brightness(1.5) grayscale(1);
231
+ }
198
232
  .recharge-view {
199
233
  height: 100%;
200
234
  display: flex;
@@ -335,14 +369,15 @@
335
369
  .recharge-view2 .bean-buy {
336
370
  margin: 0 15px;
337
371
  padding: 10px;
338
- background: #FFFBF3;
372
+ background: #fffbf3;
339
373
  border-radius: 5px;
340
374
  display: flex;
341
375
  justify-content: space-between;
342
376
  align-items: center;
377
+ flex-wrap: wrap;
343
378
  }
344
379
  .recharge-view2 .bean-buy .left .title {
345
- color: #FD6701;
380
+ color: #fd6701;
346
381
  font-size: 14px;
347
382
  font-weight: 600;
348
383
  line-height: 20px;
@@ -373,9 +408,22 @@
373
408
  height: 16px;
374
409
  font-size: 0;
375
410
  }
411
+ .recharge-view2 .balance-warning {
412
+ width: 100%;
413
+ padding: 8px 10px;
414
+ margin-top: 10px;
415
+ background: #fdefe6;
416
+ border-radius: 5px;
417
+ color: #fd6701;
418
+ font-size: 12px;
419
+ }
420
+ .recharge-view2 .balance-warning-tip {
421
+ margin: 10px 26px 0;
422
+ color: #666666;
423
+ font-size: 10px;
424
+ }
376
425
  .recharge-view2 .amount-footer {
377
426
  padding: 10px 0;
378
- padding-bottom: 20px;
379
427
  }
380
428
  .recharge-view2 .amount-footer .agreement {
381
429
  font-size: 12px;
@@ -399,7 +447,7 @@
399
447
  font-size: 13px;
400
448
  }
401
449
  .recharge-view2 .amount-footer .buy-amount .left .amount {
402
- color: #FD6701;
450
+ color: #fd6701;
403
451
  font-size: 20px;
404
452
  font-weight: 600;
405
453
  }
@@ -408,7 +456,7 @@
408
456
  font-style: normal;
409
457
  }
410
458
  .recharge-view2 .amount-footer .buy-amount .recharge-button {
411
- background: linear-gradient(90deg, #FFEBC1 0%, #FFD7A7 52.29%, #FFB875 100%);
459
+ background: linear-gradient(90deg, #ffebc1 0%, #ffd7a7 52.29%, #ffb875 100%);
412
460
  color: #353535;
413
461
  margin: 12px 0;
414
462
  border: 0;
@@ -425,7 +473,7 @@
425
473
  }
426
474
  .recharge-view2 .amount-footer .link {
427
475
  display: inline;
428
- color: #FD6701;
476
+ color: #fd6701;
429
477
  }
430
478
  .trade-dialog .nut-dialog__header {
431
479
  font-size: 16px;
@@ -438,12 +486,12 @@
438
486
  }
439
487
  .trade-dialog .nut-dialog__footer-cancel {
440
488
  color: #353535 !important;
441
- border-color: #CCCCCC !important;
489
+ border-color: #cccccc !important;
442
490
  }
443
491
  .trade-dialog .nut-dialog__footer-ok {
444
492
  border: none;
445
493
  color: #353535;
446
- background: linear-gradient(90deg, #FFEBC1 0%, #FFB875 100%);
494
+ background: linear-gradient(90deg, #ffebc1 0%, #ffb875 100%);
447
495
  }
448
496
  page {
449
497
  --text-color: #333;
@@ -1844,6 +1892,51 @@ page {
1844
1892
  color: rgba(53, 53, 53, 0.4);
1845
1893
  text-align: end;
1846
1894
  }
1895
+ .news-tab .nut-tabs__list {
1896
+ display: flex;
1897
+ }
1898
+ .news-tab .custom-tab-item {
1899
+ flex: 1;
1900
+ display: flex;
1901
+ flex-direction: column;
1902
+ justify-content: center;
1903
+ align-items: center;
1904
+ padding: 10px;
1905
+ }
1906
+ .news-tab .customLine {
1907
+ position: relative;
1908
+ }
1909
+ .news-tab .customLine::after {
1910
+ content: "";
1911
+ position: absolute;
1912
+ width: 50px;
1913
+ height: 2px;
1914
+ background: #017fff;
1915
+ bottom: 0;
1916
+ left: 50%;
1917
+ transform: translateX(-50%);
1918
+ }
1919
+ .news-tab .custom-title {
1920
+ color: #8a8a8a;
1921
+ font-size: 15px;
1922
+ display: flex;
1923
+ align-items: center;
1924
+ }
1925
+ .news-tab .custom-title-dot {
1926
+ height: 12px;
1927
+ line-height: 12px;
1928
+ padding: 0 6px;
1929
+ color: #fff;
1930
+ border-radius: 8px;
1931
+ background: #e04747;
1932
+ margin-left: 2px;
1933
+ font-size: 9px;
1934
+ }
1935
+ .news-tab .custom-title.active {
1936
+ color: #017fff;
1937
+ font-weight: 600;
1938
+ font-size: 17px;
1939
+ }
1847
1940
  .user-entry {
1848
1941
  position: absolute;
1849
1942
  left: 0;