@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 +113 -37
- package/dist/assets/asset-3B_CoPto +1 -0
- package/dist/index.js +1259 -1192
- package/package.json +1 -1
- package/src/balance/api/endpoints.ts +7 -0
- package/src/balance/components/AccountView.vue +85 -86
- package/src/balance/components/BalanceCard.vue +32 -24
- package/src/balance/components/DateFilter.vue +28 -29
- package/src/balance/components/ListFilterPicker.vue +21 -19
- package/src/balance/components/PromoterCard.vue +183 -0
- package/src/balance/components/index.ts +2 -7
- package/src/balance/types.ts +6 -0
- package/src/index.ts +0 -1
- package/src/payment/api/index.ts +0 -1
- package/src/payment/components/AmountPicker.vue +9 -12
- package/src/shared/components/AppVerify.vue +24 -21
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
|
|
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:
|
|
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:
|
|
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: #
|
|
453
|
+
background: linear-gradient(90deg, #FFEBC1 0%, #FFB875 100%);
|
|
444
454
|
border-radius: 10px;
|
|
445
|
-
padding:
|
|
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: #
|
|
474
|
-
font-
|
|
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: #
|
|
479
|
-
line-height:
|
|
480
|
-
font-weight:
|
|
481
|
-
font-size:
|
|
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:
|
|
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: #
|
|
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:
|
|
529
|
-
height:
|
|
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: #
|
|
694
|
+
color: #fff;
|
|
687
695
|
border: none;
|
|
688
|
-
background:
|
|
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("
|
|
797
|
-
background-position: center
|
|
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:
|
|
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
|
-
|
|
827
|
-
|
|
828
|
-
|
|
836
|
+
background-color: #fff;
|
|
837
|
+
display: inline-flex;
|
|
838
|
+
align-items: center;
|
|
829
839
|
padding: 0 10px;
|
|
830
|
-
|
|
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,
|
|
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(
|
|
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:
|
|
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
|
|
1196
|
-
background:
|
|
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: #
|
|
1224
|
+
color: #fff;
|
|
1218
1225
|
border: none;
|
|
1219
|
-
background:
|
|
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
|
+
|