@uxda/appkit 4.1.29 → 4.1.42

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
@@ -2,7 +2,7 @@
2
2
  padding: 14px 0 14px 14px;
3
3
  }
4
4
  .amount-picker .nut-grid-item__content {
5
- border: solid 2px transparent;
5
+ border: solid 1px transparent;
6
6
  background: linear-gradient(#f5f5f5, #f5f5f5) padding-box, linear-gradient(to bottom, rgba(204, 204, 204, 0.5333333333), rgba(204, 204, 204, 0.5333333333)) border-box;
7
7
  border-radius: 5px;
8
8
  }
@@ -81,7 +81,7 @@
81
81
  overflow: scroll;
82
82
  }
83
83
  .app-verify {
84
- padding: var(--ns-spacing);
84
+ padding: 10px 30px 20px;
85
85
  }
86
86
  .app-verify h2 {
87
87
  font-size: 16px;
@@ -89,7 +89,7 @@
89
89
  margin: 10px;
90
90
  }
91
91
  .app-verify .caption {
92
- font-size: 10px !important;
92
+ font-size: 13px !important;
93
93
  color: #ccc;
94
94
  line-height: 21px;
95
95
  }
@@ -114,12 +114,22 @@
114
114
  margin-left: 12px;
115
115
  width: 105px;
116
116
  }
117
+ .app-verify .buttons {
118
+ width: 100%;
119
+ justify-content: space-between;
120
+ margin-top: 10px;
121
+ }
117
122
  .app-verify .buttons .ns-button {
118
123
  width: 104px;
124
+ border-radius: 30px;
125
+ --radius: 30px;
119
126
  }
120
127
  .app-verify .buttons .cancel-btn {
121
128
  border: 1px solid #969696 !important;
122
129
  }
130
+ .app-verify .nut-input {
131
+ background: transparent !important;
132
+ }
123
133
  .dd-notice-bar {
124
134
  position: fixed;
125
135
  top: 0;
@@ -440,9 +450,9 @@ page {
440
450
  --text-color-dark-mode: #eee;
441
451
  }
442
452
  .account-card .card {
443
- background: #2f2f2f;
453
+ background: linear-gradient(90deg, #FFEBC1 0%, #FFB875 100%);
444
454
  border-radius: 10px;
445
- padding: 13px 20px;
455
+ padding: 14px 20px;
446
456
  margin: 0;
447
457
  }
448
458
  .account-card .card .card-row {
@@ -470,15 +480,14 @@ page {
470
480
  height: 100%;
471
481
  }
472
482
  .account-card .card .card-row .card-row-left .bean-box .baan-name {
473
- color: #f3d59d;
474
- font-weight: 600;
475
- font-size: 11px;
483
+ color: #375264;
484
+ font-size: 16px;
476
485
  }
477
486
  .account-card .card .card-row .card-row-left .bean-nums {
478
- color: #fff;
479
- line-height: 22px;
480
- font-weight: 500;
481
- font-size: 16px;
487
+ color: #353535;
488
+ line-height: 25px;
489
+ font-weight: bold;
490
+ font-size: 20px;
482
491
  margin-top: 3px;
483
492
  }
484
493
  .account-card .card .card-row .desc {
@@ -516,18 +525,17 @@ page {
516
525
  height: 28px;
517
526
  line-height: 28px;
518
527
  border-radius: 14px;
519
- background: linear-gradient(90deg, #ffebc1 0%, #ffd7a7 52.29%, #ffb875 100%);
528
+ background: rgba(255, 255, 255, 0.8);
520
529
  }
521
530
  .account-card .card .card-row-right .account-info-entry .account-info-name {
522
- color: #975213;
531
+ color: #353535;
523
532
  font-size: 13px;
524
533
  font-weight: 500;
525
534
  margin-right: 8px;
526
535
  }
527
536
  .account-card .card .card-row-right .account-info-entry .account-info-icon {
528
- width: 14px;
529
- height: 14px;
530
- border-radius: 7px;
537
+ width: 15px;
538
+ height: 15px;
531
539
  }
532
540
  .account-card .card .card-row-right .account-info-entry .account-info-icon .icon {
533
541
  display: block;
@@ -683,9 +691,9 @@ page {
683
691
  }
684
692
  .appkit-date-filter .buttons .confirm {
685
693
  margin-left: 11px;
686
- color: #000;
694
+ color: #fff;
687
695
  border: none;
688
- background: linear-gradient(90deg, #ffebc1 0%, #ffd7a7 52.29%, #ffb875 100%);
696
+ background: #017FFF;
689
697
  }
690
698
  .appkit-date-filter .time {
691
699
  display: flex;
@@ -793,12 +801,13 @@ page {
793
801
  height: 100vh;
794
802
  }
795
803
  .account-view .scroll-content {
796
- background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzUwIiBoZWlnaHQ9IjQwNiIgdmlld0JveD0iMCAwIDc1MCA0MDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zODIuNSA0MDcuNUM1NzcuMzU3IDQwNy41IDc1My43ODggMzgxLjI0OCA4ODEuNTIxIDMzOC43OTFDOTQ1LjM4NiAzMTcuNTYzIDk5Ny4xMDQgMjkyLjI3NiAxMDMyLjg3IDI2NC4xNzFDMTA2OC42MiAyMzYuMDcxIDEwODguNSAyMDUuMDk3IDEwODguNSAxNzIuNUMxMDg4LjUgMTM5LjkwMyAxMDY4LjYyIDEwOC45MjkgMTAzMi44NyA4MC44Mjg5Qzk5Ny4xMDQgNTIuNzI0NSA5NDUuMzg2IDI3LjQzNjcgODgxLjUyMSA2LjIwODk4Qzc1My43ODggLTM2LjI0ODIgNTc3LjM1NyAtNjIuNSAzODIuNSAtNjIuNUMxODcuNjQzIC02Mi41IDExLjIxMjIgLTM2LjI0ODIgLTExNi41MjIgNi4yMDg5OEMtMTgwLjM4NiAyNy40MzY3IC0yMzIuMTA0IDUyLjcyNDUgLTI2Ny44NjcgODAuODI4OUMtMzAzLjYyNCAxMDguOTI5IC0zMjMuNSAxMzkuOTAzIC0zMjMuNSAxNzIuNUMtMzIzLjUgMjA1LjA5NyAtMzAzLjYyNCAyMzYuMDcxIC0yNjcuODY3IDI2NC4xNzFDLTIzMi4xMDQgMjkyLjI3NiAtMTgwLjM4NiAzMTcuNTYzIC0xMTYuNTIyIDMzOC43OTFDMTEuMjEyMiAzODEuMjQ4IDE4Ny42NDMgNDA3LjUgMzgyLjUgNDA3LjVaIiBmaWxsPSIjM0IzOTNDIiBzdHJva2U9ImJsYWNrIi8+Cjwvc3ZnPgo=");
797
- background-position: center -200px;
804
+ background-image: url("https://cdn.ddjf.com/static/images/customer-center/blue-bg.png");
805
+ background-position: center 0;
798
806
  background-repeat: no-repeat;
807
+ background-size: 100% 200px;
799
808
  }
800
809
  .account-view .page-header {
801
- background-color: #3b393c;
810
+ background-color: transparent;
802
811
  position: sticky;
803
812
  top: 0;
804
813
  z-index: 1;
@@ -806,6 +815,7 @@ page {
806
815
  }
807
816
  .account-view .page-header.with-background {
808
817
  background-color: #3b393c;
818
+ color: #fff;
809
819
  }
810
820
  .account-view .spa-between {
811
821
  display: flex;
@@ -823,16 +833,15 @@ page {
823
833
  .account-view .small-bean-button {
824
834
  height: 22px;
825
835
  border-radius: 11px;
826
- border: 1px solid rgba(255, 255, 255, 0.062745098);
827
- background-color: rgba(255, 255, 255, 0.0941176471);
828
- display: inline-block;
836
+ background-color: #fff;
837
+ display: inline-flex;
838
+ align-items: center;
829
839
  padding: 0 10px;
830
- line-height: 22px;
831
- color: #e7caad;
840
+ color: #353535;
832
841
  font-size: 12px;
833
842
  }
834
843
  .account-view .small-bean-button label {
835
- background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDZMMTYgMTJMMTAgMThWNloiIGZpbGw9IiNFN0NBQUQiIHN0cm9rZT0iI0U3Q0FBRCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
844
+ background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDZMMTYgMTJMMTAgMThWNloiIGZpbGw9IiMzNTM1MzUiIHN0cm9rZT0iIzM1MzUzNSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
836
845
  padding-right: 18px;
837
846
  background-repeat: no-repeat;
838
847
  background-position: right center;
@@ -840,8 +849,7 @@ page {
840
849
  }
841
850
  .account-view .balance {
842
851
  border-radius: 15px;
843
- background: linear-gradient(105deg, #f4e2ce 1.88%, #debb9b 98.18%);
844
- box-shadow: 0px -10px 9px -3px rgba(0, 0, 0, 0.33);
852
+ background: linear-gradient(90deg, #FFEBC1 0%, #FFB875 100%);
845
853
  height: 112px;
846
854
  padding: 20px;
847
855
  margin: 0 15px;
@@ -1029,10 +1037,10 @@ page {
1029
1037
  }
1030
1038
  .rights-card {
1031
1039
  margin: 10px 15px 0px;
1032
- background: #fff8f3;
1040
+ background: rgba(255, 248, 243, 0.8);
1033
1041
  border-radius: 5px;
1034
- box-shadow: 0px 5px 18.9px 2px rgba(0, 0, 0, 0.0509803922);
1035
1042
  padding: 15px 20px;
1043
+ box-shadow: 0px 5px 18.9px 2px rgba(0, 0, 0, 0.0509803922);
1036
1044
  }
1037
1045
  .rights-card .title {
1038
1046
  height: 25px;
@@ -1192,8 +1200,8 @@ page {
1192
1200
  }
1193
1201
  .list-filter-picker-content .info .current {
1194
1202
  border-radius: 5px;
1195
- border: 1px solid #EFD082;
1196
- background: linear-gradient(180deg, #FFF7E3 0%, #FEFDE6 100%);
1203
+ border: 1px solid rgba(1, 127, 255, 0.5);
1204
+ background: #E6F2FF;
1197
1205
  }
1198
1206
  .list-filter-picker-btn {
1199
1207
  margin: 0 15px;
@@ -1207,16 +1215,15 @@ page {
1207
1215
  line-height: 40px;
1208
1216
  text-align: center;
1209
1217
  border: 1px solid #ccc;
1210
- box-sizing: border-box;
1211
1218
  color: #666;
1212
1219
  font-size: 16px;
1213
1220
  border-radius: 6px;
1214
1221
  }
1215
1222
  .list-filter-picker-btn .confirm {
1216
1223
  margin-left: 11px;
1217
- color: #000;
1224
+ color: #fff;
1218
1225
  border: none;
1219
- background: linear-gradient(90deg, #ffebc1 0%, #ffd7a7 52.29%, #ffb875 100%);
1226
+ background: #017fff;
1220
1227
  }
1221
1228
  .list-filter-picker-bottom {
1222
1229
  height: 32px;
@@ -1249,6 +1256,75 @@ page {
1249
1256
  height: 12px;
1250
1257
  margin-left: 4px;
1251
1258
  }
1259
+ .promoter-card {
1260
+ padding: 15px 20px;
1261
+ background: linear-gradient(180deg, #FFEEDB 0%, #FEFEFC 100%);
1262
+ box-sizing: border-box;
1263
+ margin: 0 auto;
1264
+ border-radius: 15px;
1265
+ }
1266
+ .promoter-card-hd {
1267
+ display: flex;
1268
+ align-items: center;
1269
+ color: #353535;
1270
+ margin-bottom: 12px;
1271
+ }
1272
+ .promoter-card-hd-num {
1273
+ font-size: 22px;
1274
+ font-weight: bold;
1275
+ margin-right: 8px;
1276
+ }
1277
+ .promoter-card-hd-info {
1278
+ font-size: 14px;
1279
+ }
1280
+ .promoter-card-ft {
1281
+ display: flex;
1282
+ align-items: center;
1283
+ }
1284
+ .promoter-card-ft-item {
1285
+ flex: 1;
1286
+ }
1287
+ .promoter-card-ft-info {
1288
+ font-size: 12px;
1289
+ color: #434242;
1290
+ margin-bottom: 5px;
1291
+ }
1292
+ .promoter-card-ft-num {
1293
+ display: flex;
1294
+ align-items: center;
1295
+ font-size: 20px;
1296
+ color: #353535;
1297
+ }
1298
+ .promoter-card-ft-line {
1299
+ width: 1px;
1300
+ height: 19px;
1301
+ background: rgba(53, 53, 53, 0.2);
1302
+ margin-right: 30px;
1303
+ }
1304
+ .promoter-card-tab {
1305
+ margin-top: -3px;
1306
+ margin-bottom: 15px;
1307
+ }
1308
+ .promoter-card-tab-item {
1309
+ display: inline-flex;
1310
+ align-items: center;
1311
+ background: #fff;
1312
+ border-radius: 15px;
1313
+ height: 29px;
1314
+ padding: 0 10px;
1315
+ font-size: 12px;
1316
+ color: #6D4523;
1317
+ margin-right: 12px;
1318
+ }
1319
+ .promoter-card-tab-item.focus {
1320
+ background: linear-gradient(90deg, #FFEBC1 0%, #FFB875 100%);
1321
+ color: #6D4523;
1322
+ }
1323
+ .promoter-card .arrow-img {
1324
+ width: 16px;
1325
+ height: 12px;
1326
+ margin-left: 5px;
1327
+ }
1252
1328
  .ocr-id__img {
1253
1329
  width: 20px;
1254
1330
  height: 20px;
@@ -0,0 +1 @@
1
+