@uxda/appkit 1.0.66 → 1.0.72

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.
Files changed (23) hide show
  1. package/dist/appkit.css +155 -110
  2. package/dist/index.js +665 -443
  3. package/package.json +2 -1
  4. package/src/balance/api/endpoints.ts +50 -33
  5. package/src/balance/api/index.ts +62 -10
  6. package/src/balance/components/AccountView.vue +295 -211
  7. package/src/balance/components/BalanceCard.vue +3 -3
  8. package/src/balance/components/ConsumptionFilter.vue +49 -26
  9. package/src/balance/components/DateFilter.vue +11 -4
  10. package/src/balance/components/SecondBalance.vue +74 -0
  11. package/src/balance/types.ts +20 -15
  12. package/src/index.ts +0 -4
  13. package/src/payment/api/endpoints.ts +8 -4
  14. package/src/payment/api/index.ts +53 -14
  15. package/src/payment/components/RechargeView.vue +3 -3
  16. package/src/payment/services/request-payment.ts +3 -3
  17. package/src/shared/components/EmptyView.vue +34 -0
  18. package/src/shared/components/PageHeader.vue +23 -15
  19. package/src/shared/composables/index.ts +1 -5
  20. package/src/shared/composables/useSafeArea.ts +42 -0
  21. package/src/shared/http/Http.ts +76 -83
  22. package/src/shared/http/types.ts +106 -48
  23. package/src/shared/index.ts +1 -0
package/dist/appkit.css CHANGED
@@ -46,30 +46,29 @@
46
46
  margin: 0;
47
47
  }
48
48
  .page-header {
49
- flex-shrink: 0;
49
+ display: flex;
50
50
  position: relative;
51
- padding-top: 44px;
52
- height: 88px;
53
- box-sizing: border-box;
51
+ align-items: center;
52
+ padding-top: var(--top);
53
+ min-height: var(--height);
54
54
  }
55
55
  .page-header .page-title {
56
56
  position: absolute;
57
57
  font-size: 18px;
58
+ height: var(--height);
59
+ line-height: var(--height);
60
+ top: var(--top);
58
61
  width: 100%;
59
- height: 44px;
60
- top: 44px;
61
- left: 0;
62
- line-height: 44px;
63
62
  text-align: center;
64
63
  }
65
64
  .page-header .back-button {
66
65
  position: absolute;
67
- top: 44px;
66
+ top: var(--top);
68
67
  left: 10px;
69
- width: 44px;
70
- height: 44px;
68
+ width: var(--height);
69
+ height: var(--height);
71
70
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC4wMSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjk5OTg3OCA0MUw0MC45OTk5IDQxTDQwLjk5OTkgMUwwLjk5OTg3OCAxTDAuOTk5ODc4IDQxWiIgZmlsbD0iI0Q4RDhEOCIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLW9wYWNpdHk9IjAuMDEiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi45OTMzIDE4Ljk0NzdDMTEuODYzMyAyMC4wMTQ1IDExLjgxMiAyMS43OTU0IDEyLjg3ODggMjIuOTI1NUwyNy45MTA1IDM3LjEzNDVDMjguNjkyNSAzNy44NzM0IDI5LjkyNTUgMzcuODM4NCAzMC42NjQ0IDM3LjA1NjRDMzEuMzY4MSAzNi4zMTE2IDMxLjM2OTkgMzUuMTU3OSAzMC42OTI5IDM0LjQxMTRMMTYuNTAxMiAyMC45OTM5TDMwLjU4NTcgNy42OTc4NUMzMS4zMzA4IDYuOTk0NDkgMzEuMjk4MiA1LjcyNzk1IDMwLjY2NDkgNC45NDQwMkMyOS45NjE2IDQuMTk4OTUgMjguODA5OCA0LjEzMTI5IDI4LjAyNTkgNC43NjQ1MkwxMi45OTMzIDE4Ljk0NzdaIiBmaWxsPSJibGFjayIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLW9wYWNpdHk9IjAuMDEiLz4KPC9zdmc+Cg==");
72
- background-size: 22px;
71
+ background-size: 50%;
73
72
  background-repeat: no-repeat;
74
73
  background-position: center center;
75
74
  }
@@ -309,9 +308,9 @@ page {
309
308
  text-align: center;
310
309
  }
311
310
  .consumption-filter-content .info .current {
312
- border: 1px solid;
313
- border-image-source: linear-gradient(180deg, rgba(239, 208, 130, 0.8) 0%, rgba(255, 185, 120, 0.8) 100%);
314
- background: linear-gradient(180deg, rgba(239, 208, 130, 0.8) 0%, rgba(255, 185, 120, 0.8) 100%), linear-gradient(180deg, #fff7e3 0%, #fefde6 100%);
311
+ border-radius: 5px;
312
+ border: 1px solid #EFD082;
313
+ background: linear-gradient(180deg, #FFF7E3 0%, #FEFDE6 100%);
315
314
  }
316
315
  .consumption-filter-btn {
317
316
  margin: 0 15px;
@@ -477,45 +476,138 @@ page {
477
476
  margin: 0 auto;
478
477
  text-align: center;
479
478
  }
480
- .consumption-view.popupOpen {
479
+ .empty-view {
480
+ display: flex;
481
+ flex-direction: column;
482
+ justify-content: center;
483
+ align-items: center;
484
+ margin-top: 80px;
485
+ }
486
+ .empty-view-image {
487
+ display: block;
488
+ font-size: 0;
489
+ width: 144px;
490
+ height: 80px;
491
+ filter: grayscale(1);
492
+ }
493
+ .empty-view-text {
494
+ opacity: 0.4;
495
+ color: #353535;
496
+ font-size: 12px;
497
+ line-height: 28px;
498
+ }
499
+ .second-balance {
500
+ width: 100vw;
501
+ }
502
+ .second-balance .positions {
503
+ padding: 15px;
504
+ }
505
+ .second-balance .positions .position {
506
+ border-radius: 5px;
507
+ background: #F7F8FA;
508
+ height: 54px;
509
+ display: flex;
510
+ align-items: center;
511
+ justify-content: space-around;
512
+ margin-bottom: 10px;
513
+ padding: 0 10px;
514
+ gap: 10px;
515
+ }
516
+ .second-balance .positions .position .icon {
517
+ width: 30px;
518
+ height: 30px;
519
+ background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjIyODUgMzcuMjY0M0wxMy43OTk5IDQyLjc1QzEzLjYyODUgNDMuMDkyOSAxMy43OTk5IDQzLjUyMTQgMTQuMjI4NSA0My41MjE0TDE4Ljg1NzEgNDMuNzc4NkMxOS4wMjg1IDQzLjc3ODYgMTkuMTE0MiA0My44NjQzIDE5LjE5OTkgNDMuOTVMMjIuMDI4NSA0Ny43MjE0QzIyLjI4NTcgNDcuOTc4NiAyMi43MTQyIDQ3Ljk3ODYgMjIuODg1NyA0Ny43MjE0TDI2LjE0MjggNDIuMzIxNEMyNi4zMTQyIDQyLjA2NDMgMjYuMjI4NSA0MS44MDcxIDI1Ljk3MTQgNDEuNjM1N0wxNy45MTQyIDM3LjA5MjlDMTcuNjU3MSAzNy4wMDcxIDE3LjM5OTkgMzcuMDkyOSAxNy4yMjg1IDM3LjI2NDNaTTQyLjc3MTQgMzcuMTc4Nkw0Ni4xOTk5IDQyLjY2NDNDNDYuMzcxNCA0My4wMDcxIDQ2LjE5OTkgNDMuNDM1NyA0NS43NzE0IDQzLjQzNTdMNDEuMTQyOCA0My42OTI5QzQwLjk3MTQgNDMuNjkyOSA0MC44ODU3IDQzLjc3ODYgNDAuNzk5OSA0My44NjQzTDM3Ljk3MTQgNDcuNjM1N0MzNy43MTQyIDQ3Ljg5MjkgMzcuMjg1NyA0Ny44OTI5IDM3LjExNDIgNDcuNjM1N0wzMy44NTcxIDQyLjIzNTdDMzMuNjg1NyA0MS45Nzg2IDMzLjc3MTQgNDEuNzIxNCAzNC4wMjg1IDQxLjU1TDQyLjA4NTcgMzcuMDA3MUM0Mi4zNDI4IDM2LjgzNTcgNDIuNTk5OSAzNi45MjE0IDQyLjc3MTQgMzcuMTc4NlpNNDIuMDg1NyAxOC40OTI5TDMxLjE5OTkgMTIuMzIxNEMzMC40Mjg1IDExLjg5MjkgMjkuMzk5OSAxMS44OTI5IDI4LjYyODUgMTIuMzIxNEwxNy44Mjg1IDE4LjQwNzFDMTcuMDU3MSAxOC44MzU3IDE2LjU0MjggMTkuNjkyOSAxNi41NDI4IDIwLjU1VjMyLjgwNzFDMTYuNTQyOCAzMy42NjQzIDE3LjA1NzEgMzQuNTIxNCAxNy44Mjg1IDM0Ljk1TDI4LjcxNDIgNDEuMTIxNEMyOS40ODU3IDQxLjU1IDMwLjUxNDIgNDEuNTUgMzEuMjg1NyA0MS4xMjE0TDQyLjA4NTcgMzUuMTIxNEM0Mi44NTcxIDM0LjY5MjkgNDMuMzcxNCAzMy44MzU3IDQzLjM3MTQgMzIuOTc4NlYyMC43MjE0QzQzLjM3MTQgMTkuNzc4NiA0Mi44NTcxIDE4LjkyMTQgNDIuMDg1NyAxOC40OTI5Wk0zNi45NDI4IDIzLjcyMTRMMzAuNTk5OSAzMi44OTI5QzMwLjQyODUgMzMuMTUgMzAuMDg1NyAzMy4zMjE0IDI5Ljc0MjggMzMuMzIxNEMyOS4zOTk5IDMzLjMyMTQgMjkuMDU3MSAzMy4xNSAyOC44ODU3IDMyLjg5MjlMMjIuNzk5OSAyMy43MjE0QzIyLjQ1NzEgMjMuMjkyOSAyMi42Mjg1IDIyLjYwNzEgMjMuMDU3MSAyMi4zNUMyMy40ODU3IDIyLjA5MjkgMjQuMTcxNCAyMi4xNzg2IDI0LjQyODUgMjIuNjA3MUwyOS42NTcxIDMwLjQ5MjlMMzUuMTQyOCAyMi41MjE0QzM1LjQ4NTcgMjIuMDkyOSAzNi4wODU3IDIxLjkyMTQgMzYuNTE0MiAyMi4yNjQzQzM3LjE5OTkgMjIuNjkyOSAzNy4yODU3IDIzLjI5MjkgMzYuOTQyOCAyMy43MjE0WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg=="), linear-gradient(100deg, #F4E2CE -67.2%, #DEBB9B 98.15%);
520
+ background-repeat: no-repeat;
521
+ border-radius: 15px;
522
+ background-size: 30px;
523
+ flex-basis: 30px;
524
+ flex-grow: 0;
525
+ }
526
+ .second-balance .positions .position .title {
527
+ flex-grow: 1;
528
+ color: #353535;
529
+ font-size: 14px;
530
+ font-weight: 500;
531
+ }
532
+ .second-balance .positions .position .amount {
533
+ flex-grow: 0;
534
+ color: #9E7B5A;
535
+ font-size: 14px;
536
+ font-weight: 700;
537
+ }
538
+ .account-view {
539
+ background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzUwIiBoZWlnaHQ9IjQwNiIgdmlld0JveD0iMCAwIDc1MCA0MDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zODIuNSA0MDcuNUM1NzcuMzU3IDQwNy41IDc1My43ODggMzgxLjI0OCA4ODEuNTIxIDMzOC43OTFDOTQ1LjM4NiAzMTcuNTYzIDk5Ny4xMDQgMjkyLjI3NiAxMDMyLjg3IDI2NC4xNzFDMTA2OC42MiAyMzYuMDcxIDEwODguNSAyMDUuMDk3IDEwODguNSAxNzIuNUMxMDg4LjUgMTM5LjkwMyAxMDY4LjYyIDEwOC45MjkgMTAzMi44NyA4MC44Mjg5Qzk5Ny4xMDQgNTIuNzI0NSA5NDUuMzg2IDI3LjQzNjcgODgxLjUyMSA2LjIwODk4Qzc1My43ODggLTM2LjI0ODIgNTc3LjM1NyAtNjIuNSAzODIuNSAtNjIuNUMxODcuNjQzIC02Mi41IDExLjIxMjIgLTM2LjI0ODIgLTExNi41MjIgNi4yMDg5OEMtMTgwLjM4NiAyNy40MzY3IC0yMzIuMTA0IDUyLjcyNDUgLTI2Ny44NjcgODAuODI4OUMtMzAzLjYyNCAxMDguOTI5IC0zMjMuNSAxMzkuOTAzIC0zMjMuNSAxNzIuNUMtMzIzLjUgMjA1LjA5NyAtMzAzLjYyNCAyMzYuMDcxIC0yNjcuODY3IDI2NC4xNzFDLTIzMi4xMDQgMjkyLjI3NiAtMTgwLjM4NiAzMTcuNTYzIC0xMTYuNTIyIDMzOC43OTFDMTEuMjEyMiAzODEuMjQ4IDE4Ny42NDMgNDA3LjUgMzgyLjUgNDA3LjVaIiBmaWxsPSIjM0IzOTNDIiBzdHJva2U9ImJsYWNrIi8+Cjwvc3ZnPgo=");
540
+ background-position: center -200px;
541
+ background-repeat: no-repeat;
542
+ }
543
+ .account-view .page-header {
544
+ background-color: #3B393C;
545
+ position: sticky;
546
+ top: 0;
547
+ z-index: 1;
548
+ transition: background-color 0.3s;
549
+ }
550
+ .account-view .page-header.with-background {
551
+ background-color: #3B393C;
552
+ }
553
+ .account-view.popupOpen {
481
554
  height: 100vh;
482
555
  overflow: hidden;
483
556
  }
484
- .consumption-view .spa-between {
485
- padding: 0 0 0 10px;
557
+ .account-view .spa-between {
486
558
  display: flex;
487
559
  justify-content: space-between;
488
560
  align-items: center;
489
561
  }
490
- .consumption-view .header {
491
- position: relative;
492
- background: linear-gradient(187.18deg, #353535 10.04%, #433f46 90.21%);
493
- background-size: 100% 106px;
494
- padding-top: 20px;
562
+ .account-view .row {
563
+ display: flex;
564
+ flex-direction: row;
565
+ margin: 10px 15px;
566
+ }
567
+ .account-view .jusify-right {
568
+ justify-content: flex-end;
569
+ }
570
+ .account-view .small-bean-button {
571
+ height: 22px;
572
+ border-radius: 11px;
573
+ border: 1px solid rgba(255, 255, 255, 0.062745098);
574
+ background-color: rgba(255, 255, 255, 0.0941176471);
575
+ display: inline-block;
576
+ padding: 0 10px;
577
+ line-height: 22px;
578
+ color: #E7CAAD;
579
+ font-size: 12px;
580
+ }
581
+ .account-view .small-bean-button label {
582
+ background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDZMMTYgMTJMMTAgMThWNloiIGZpbGw9IiNFN0NBQUQiIHN0cm9rZT0iI0U3Q0FBRCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
583
+ padding-right: 18px;
495
584
  background-repeat: no-repeat;
585
+ background-position: right center;
586
+ background-size: 16px;
496
587
  }
497
- .consumption-view .header_card {
498
- background: linear-gradient(104.85deg, #f4e2ce 1.88%, #debb9b 98.18%);
588
+ .account-view .balance {
499
589
  border-radius: 15px;
500
- padding: 10px;
590
+ background: linear-gradient(105deg, #F4E2CE 1.88%, #DEBB9B 98.18%);
591
+ box-shadow: 0px -10px 9px -3px rgba(0, 0, 0, 0.33);
592
+ height: 112px;
593
+ padding: 20px;
501
594
  margin: 0 15px;
502
- }
503
- .consumption-view .header_card .clound-bean .bean-box {
595
+ box-sizing: border-box;
504
596
  font-size: 10px;
505
597
  }
506
- .consumption-view .header_card .clound-bean .bean-box .bean-img {
598
+ .account-view .balance .bean-img {
507
599
  display: flex;
508
600
  justify-content: flex-start;
509
601
  align-items: center;
510
602
  }
511
- .consumption-view .header_card .clound-bean .bean-box .bean-img .bean-icon {
603
+ .account-view .balance .bean-img .bean-icon {
512
604
  display: block;
513
605
  font-size: 0;
514
606
  width: 20px;
515
607
  height: 20px;
516
608
  margin-right: 4px;
517
609
  }
518
- .consumption-view .header_card .clound-bean .bean-box .bean-img .bean-tag {
610
+ .account-view .balance .bean-img .bean-tag {
519
611
  color: #353535;
520
612
  height: 15px;
521
613
  line-height: 15px;
@@ -524,23 +616,23 @@ page {
524
616
  padding-left: 5px;
525
617
  padding-right: 10px;
526
618
  }
527
- .consumption-view .header_card .clound-bean .bean-box .bean-img .tag {
619
+ .account-view .balance .bean-img .tag {
528
620
  background: #ff8320;
529
621
  color: #fff;
530
622
  }
531
- .consumption-view .header_card .clound-bean .bean-box .rule {
623
+ .account-view .balance .rule {
532
624
  color: #353535;
533
625
  opacity: 0.5;
534
626
  }
535
- .consumption-view .header_card .clound-bean .bean-counts {
536
- margin-top: 5px;
627
+ .account-view .bean-counts {
628
+ margin-top: 12px;
537
629
  }
538
- .consumption-view .header_card .clound-bean .bean-counts .counts {
630
+ .account-view .bean-counts .counts {
539
631
  color: #3d3835;
540
632
  font-size: 32px;
541
633
  font-weight: 700;
542
634
  }
543
- .consumption-view .header_card .clound-bean .bean-counts .pay {
635
+ .account-view .bean-counts .pay {
544
636
  padding: 0 20px;
545
637
  height: 32px;
546
638
  line-height: 32px;
@@ -550,86 +642,56 @@ page {
550
642
  font-size: 15px;
551
643
  font-weight: 500;
552
644
  }
553
- .consumption-view .header_card .line {
554
- height: 3px;
555
- width: 100%;
556
- margin: 10px 0;
557
- background: linear-gradient(90deg, #e7c39f 0.84%, #e6c9ad 27.74%);
558
- }
559
- .consumption-view .header_card .small-clound-bean {
560
- margin-top: 20px;
561
- }
562
- .consumption-view .header_card .small-clound-bean .bean-list {
563
- margin-top: 8px;
564
- display: flex;
565
- flex-wrap: wrap;
566
- }
567
- .consumption-view .header_card .small-clound-bean .bean-list-item {
568
- width: 50%;
569
- line-height: 23px;
570
- padding-left: 10px;
571
- box-sizing: border-box;
572
- margin-bottom: 10px;
573
- }
574
- .consumption-view .header_card .small-clound-bean .bean-list-item .counts {
575
- color: #353535;
576
- font-size: 20px;
577
- font-weight: 700;
578
- }
579
- .consumption-view .header_card .small-clound-bean .bean-list-item .title {
580
- color: #987356;
581
- font-weight: 400;
582
- font-size: 11px;
583
- }
584
- .consumption-view .header_card .small-clound-bean .bean-list-item:nth-child(2n) {
585
- padding-left: 30px;
586
- }
587
- .consumption-view .operation-title {
645
+ .account-view .operation-title {
588
646
  padding: 10px 15px;
589
647
  background: #fff;
590
648
  position: sticky;
591
649
  z-index: 10;
592
- top: 0;
650
+ transition: box-shadow 0.3s;
651
+ }
652
+ .account-view .operation-title.with-shadow {
653
+ box-shadow: 0px 1px 10px 0px rgba(153, 153, 153, 0.2);
593
654
  }
594
- .consumption-view .operation-title .text {
655
+ .account-view .operation-title .text {
595
656
  color: #353535;
596
657
  font-size: 12px;
597
658
  opacity: 0.5;
598
659
  }
599
- .consumption-view .operation-title .time-icon {
660
+ .account-view .operation-title .time-icon {
600
661
  display: block;
601
662
  font-size: 0;
602
663
  width: 12px;
603
664
  height: 12px;
604
665
  margin-left: 4px;
605
666
  }
606
- .consumption-view .operation-title .search-time {
667
+ .account-view .operation-title .search-time {
607
668
  display: flex;
608
669
  align-items: center;
609
670
  }
610
- .consumption-view .operation-title .search-time .title {
671
+ .account-view .operation-title .search-time .title {
611
672
  color: #000;
612
673
  font-weight: 500;
613
674
  font-size: 17px;
614
675
  margin-right: 10px;
615
676
  }
616
- .consumption-view .operation-title .search-time .time {
677
+ .account-view .operation-title .search-time .time {
617
678
  height: 22px;
618
679
  padding-right: 5px;
619
680
  flex: 1;
620
681
  display: flex;
621
682
  align-items: center;
622
683
  }
623
- .consumption-view .operation-title .search {
684
+ .account-view .operation-title .search {
624
685
  display: flex;
625
686
  align-items: center;
626
687
  height: 22px;
627
688
  padding-left: 5px;
628
689
  }
629
- .consumption-view .operation-list {
690
+ .account-view .operation-list {
630
691
  margin: 0 15px;
692
+ padding-bottom: 15px;
631
693
  }
632
- .consumption-view .operation-list .box-detail .title {
694
+ .account-view .operation-list .box-detail .title {
633
695
  line-height: 22px;
634
696
  font-weight: 700;
635
697
  font-size: 12px;
@@ -637,14 +699,16 @@ page {
637
699
  opacity: 0.5;
638
700
  margin-bottom: 10px;
639
701
  }
640
- .consumption-view .operation-list .box-detail .item {
641
- box-shadow: 0px 5px 18px 2px rgba(0, 0, 0, 0.1607843137);
702
+ .account-view .operation-list .box-detail .item {
703
+ border-radius: 5px;
704
+ background: rgba(255, 255, 255, 0.5);
705
+ box-shadow: 0px 2.5px 9.5px 2px rgba(0, 0, 0, 0.05);
642
706
  border-radius: 5px;
643
707
  padding: 12px 10px;
644
708
  display: flex;
645
709
  margin-bottom: 10px;
646
710
  }
647
- .consumption-view .operation-list .box-detail .item-type {
711
+ .account-view .operation-list .box-detail .item-type {
648
712
  background: linear-gradient(113.95deg, #f4e2ce 1.2%, #debb9b 77.63%);
649
713
  width: 30px;
650
714
  height: 30px;
@@ -656,32 +720,32 @@ page {
656
720
  color: #000;
657
721
  text-align: center;
658
722
  }
659
- .consumption-view .operation-list .box-detail .item-detail {
723
+ .account-view .operation-list .box-detail .item-detail {
660
724
  flex: 1;
661
725
  }
662
- .consumption-view .operation-list .box-detail .item-detail .item-info {
726
+ .account-view .operation-list .box-detail .item-detail .item-info {
663
727
  padding: 0;
664
728
  font-size: 14px;
665
729
  font-weight: 700;
666
730
  color: #000;
667
731
  }
668
- .consumption-view .operation-list .box-detail .item-detail .item-info-type {
732
+ .account-view .operation-list .box-detail .item-detail .item-info-type {
669
733
  line-height: 15px;
670
734
  }
671
- .consumption-view .operation-list .box-detail .item-detail .item-info-title {
735
+ .account-view .operation-list .box-detail .item-detail .item-info-title {
672
736
  font-weight: 400;
673
737
  opacity: 0.8;
674
738
  font-size: 11px;
675
739
  }
676
- .consumption-view .operation-list .box-detail .item-detail .item-info-amount {
740
+ .account-view .operation-list .box-detail .item-detail .item-info-amount {
677
741
  color: #9e7b5a;
678
742
  }
679
- .consumption-view .operation-list .box-detail .item-detail-remark {
743
+ .account-view .operation-list .box-detail .item-detail-remark {
680
744
  opacity: 0.3;
681
745
  line-height: 15px;
682
746
  font-size: 10px;
683
747
  }
684
- .consumption-view .operation-list .box-not-text {
748
+ .account-view .operation-list .box-not-text {
685
749
  opacity: 0.4;
686
750
  color: #353535;
687
751
  font-size: 12px;
@@ -689,25 +753,6 @@ page {
689
753
  margin: 0 auto 40px;
690
754
  text-align: center;
691
755
  }
692
- .consumption-view .operation-list .operations-empty {
693
- display: flex;
694
- flex-direction: column;
695
- justify-content: center;
696
- align-items: center;
697
- margin-top: 80px;
698
- }
699
- .consumption-view .operation-list .operations-empty-img {
700
- display: block;
701
- font-size: 0;
702
- width: 144px;
703
- height: 80px;
704
- }
705
- .consumption-view .operation-list .operations-empty-text {
706
- opacity: 0.4;
707
- color: #353535;
708
- font-size: 12px;
709
- line-height: 28px;
710
- }
711
756
  .consumption-rules-popup {
712
757
  border-radius: 16px;
713
758
  width: 70%;