@uxda/appkit 1.0.64 → 1.0.70

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 +159 -110
  2. package/dist/index.js +639 -444
  3. package/package.json +2 -1
  4. package/src/balance/api/endpoints.ts +38 -34
  5. package/src/balance/api/index.ts +62 -10
  6. package/src/balance/components/AccountView.vue +279 -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 +72 -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 +54 -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 -85
  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
+ .second-balance {
480
+ width: 100vw;
481
+ }
482
+ .second-balance .positions {
483
+ padding: 15px;
484
+ }
485
+ .second-balance .positions .position {
486
+ border-radius: 5px;
487
+ background: #F7F8FA;
488
+ height: 54px;
489
+ display: flex;
490
+ align-items: center;
491
+ justify-content: space-around;
492
+ margin-bottom: 10px;
493
+ padding: 0 10px;
494
+ gap: 10px;
495
+ }
496
+ .second-balance .positions .position .icon {
497
+ width: 30px;
498
+ height: 30px;
499
+ background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjIyODUgMzcuMjY0M0wxMy43OTk5IDQyLjc1QzEzLjYyODUgNDMuMDkyOSAxMy43OTk5IDQzLjUyMTQgMTQuMjI4NSA0My41MjE0TDE4Ljg1NzEgNDMuNzc4NkMxOS4wMjg1IDQzLjc3ODYgMTkuMTE0MiA0My44NjQzIDE5LjE5OTkgNDMuOTVMMjIuMDI4NSA0Ny43MjE0QzIyLjI4NTcgNDcuOTc4NiAyMi43MTQyIDQ3Ljk3ODYgMjIuODg1NyA0Ny43MjE0TDI2LjE0MjggNDIuMzIxNEMyNi4zMTQyIDQyLjA2NDMgMjYuMjI4NSA0MS44MDcxIDI1Ljk3MTQgNDEuNjM1N0wxNy45MTQyIDM3LjA5MjlDMTcuNjU3MSAzNy4wMDcxIDE3LjM5OTkgMzcuMDkyOSAxNy4yMjg1IDM3LjI2NDNaTTQyLjc3MTQgMzcuMTc4Nkw0Ni4xOTk5IDQyLjY2NDNDNDYuMzcxNCA0My4wMDcxIDQ2LjE5OTkgNDMuNDM1NyA0NS43NzE0IDQzLjQzNTdMNDEuMTQyOCA0My42OTI5QzQwLjk3MTQgNDMuNjkyOSA0MC44ODU3IDQzLjc3ODYgNDAuNzk5OSA0My44NjQzTDM3Ljk3MTQgNDcuNjM1N0MzNy43MTQyIDQ3Ljg5MjkgMzcuMjg1NyA0Ny44OTI5IDM3LjExNDIgNDcuNjM1N0wzMy44NTcxIDQyLjIzNTdDMzMuNjg1NyA0MS45Nzg2IDMzLjc3MTQgNDEuNzIxNCAzNC4wMjg1IDQxLjU1TDQyLjA4NTcgMzcuMDA3MUM0Mi4zNDI4IDM2LjgzNTcgNDIuNTk5OSAzNi45MjE0IDQyLjc3MTQgMzcuMTc4NlpNNDIuMDg1NyAxOC40OTI5TDMxLjE5OTkgMTIuMzIxNEMzMC40Mjg1IDExLjg5MjkgMjkuMzk5OSAxMS44OTI5IDI4LjYyODUgMTIuMzIxNEwxNy44Mjg1IDE4LjQwNzFDMTcuMDU3MSAxOC44MzU3IDE2LjU0MjggMTkuNjkyOSAxNi41NDI4IDIwLjU1VjMyLjgwNzFDMTYuNTQyOCAzMy42NjQzIDE3LjA1NzEgMzQuNTIxNCAxNy44Mjg1IDM0Ljk1TDI4LjcxNDIgNDEuMTIxNEMyOS40ODU3IDQxLjU1IDMwLjUxNDIgNDEuNTUgMzEuMjg1NyA0MS4xMjE0TDQyLjA4NTcgMzUuMTIxNEM0Mi44NTcxIDM0LjY5MjkgNDMuMzcxNCAzMy44MzU3IDQzLjM3MTQgMzIuOTc4NlYyMC43MjE0QzQzLjM3MTQgMTkuNzc4NiA0Mi44NTcxIDE4LjkyMTQgNDIuMDg1NyAxOC40OTI5Wk0zNi45NDI4IDIzLjcyMTRMMzAuNTk5OSAzMi44OTI5QzMwLjQyODUgMzMuMTUgMzAuMDg1NyAzMy4zMjE0IDI5Ljc0MjggMzMuMzIxNEMyOS4zOTk5IDMzLjMyMTQgMjkuMDU3MSAzMy4xNSAyOC44ODU3IDMyLjg5MjlMMjIuNzk5OSAyMy43MjE0QzIyLjQ1NzEgMjMuMjkyOSAyMi42Mjg1IDIyLjYwNzEgMjMuMDU3MSAyMi4zNUMyMy40ODU3IDIyLjA5MjkgMjQuMTcxNCAyMi4xNzg2IDI0LjQyODUgMjIuNjA3MUwyOS42NTcxIDMwLjQ5MjlMMzUuMTQyOCAyMi41MjE0QzM1LjQ4NTcgMjIuMDkyOSAzNi4wODU3IDIxLjkyMTQgMzYuNTE0MiAyMi4yNjQzQzM3LjE5OTkgMjIuNjkyOSAzNy4yODU3IDIzLjI5MjkgMzYuOTQyOCAyMy43MjE0WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg=="), linear-gradient(100deg, #F4E2CE -67.2%, #DEBB9B 98.15%);
500
+ background-repeat: no-repeat;
501
+ border-radius: 15px;
502
+ background-size: 30px;
503
+ flex-basis: 30px;
504
+ flex-grow: 0;
505
+ }
506
+ .second-balance .positions .position .title {
507
+ flex-grow: 1;
508
+ color: #353535;
509
+ font-size: 14px;
510
+ font-weight: 500;
511
+ }
512
+ .second-balance .positions .position .amount {
513
+ flex-grow: 0;
514
+ color: #9E7B5A;
515
+ font-size: 14px;
516
+ font-weight: 700;
517
+ }
518
+ .empty-view {
519
+ display: flex;
520
+ flex-direction: column;
521
+ justify-content: center;
522
+ align-items: center;
523
+ margin-top: 80px;
524
+ }
525
+ .empty-view-image {
526
+ display: block;
527
+ font-size: 0;
528
+ width: 144px;
529
+ height: 80px;
530
+ filter: grayscale(1);
531
+ }
532
+ .empty-view-text {
533
+ opacity: 0.4;
534
+ color: #353535;
535
+ font-size: 12px;
536
+ line-height: 28px;
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,82 +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;
593
651
  }
594
- .consumption-view .operation-title .text {
652
+ .account-view .operation-title.with-shadow {
653
+ box-shadow: 0px 1px 10px 0px rgba(153, 153, 153, 0.2);
654
+ }
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 {
678
+ height: 22px;
679
+ padding-right: 5px;
617
680
  flex: 1;
618
681
  display: flex;
619
682
  align-items: center;
620
683
  }
621
- .consumption-view .operation-title .search {
684
+ .account-view .operation-title .search {
622
685
  display: flex;
623
686
  align-items: center;
687
+ height: 22px;
688
+ padding-left: 5px;
624
689
  }
625
- .consumption-view .operation-list {
690
+ .account-view .operation-list {
626
691
  margin: 0 15px;
692
+ padding-bottom: 15px;
627
693
  }
628
- .consumption-view .operation-list .box-detail .title {
694
+ .account-view .operation-list .box-detail .title {
629
695
  line-height: 22px;
630
696
  font-weight: 700;
631
697
  font-size: 12px;
@@ -633,14 +699,16 @@ page {
633
699
  opacity: 0.5;
634
700
  margin-bottom: 10px;
635
701
  }
636
- .consumption-view .operation-list .box-detail .item {
637
- 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);
638
706
  border-radius: 5px;
639
707
  padding: 12px 10px;
640
708
  display: flex;
641
709
  margin-bottom: 10px;
642
710
  }
643
- .consumption-view .operation-list .box-detail .item-type {
711
+ .account-view .operation-list .box-detail .item-type {
644
712
  background: linear-gradient(113.95deg, #f4e2ce 1.2%, #debb9b 77.63%);
645
713
  width: 30px;
646
714
  height: 30px;
@@ -652,32 +720,32 @@ page {
652
720
  color: #000;
653
721
  text-align: center;
654
722
  }
655
- .consumption-view .operation-list .box-detail .item-detail {
723
+ .account-view .operation-list .box-detail .item-detail {
656
724
  flex: 1;
657
725
  }
658
- .consumption-view .operation-list .box-detail .item-detail .item-info {
726
+ .account-view .operation-list .box-detail .item-detail .item-info {
659
727
  padding: 0;
660
728
  font-size: 14px;
661
729
  font-weight: 700;
662
730
  color: #000;
663
731
  }
664
- .consumption-view .operation-list .box-detail .item-detail .item-info-type {
732
+ .account-view .operation-list .box-detail .item-detail .item-info-type {
665
733
  line-height: 15px;
666
734
  }
667
- .consumption-view .operation-list .box-detail .item-detail .item-info-title {
735
+ .account-view .operation-list .box-detail .item-detail .item-info-title {
668
736
  font-weight: 400;
669
737
  opacity: 0.8;
670
738
  font-size: 11px;
671
739
  }
672
- .consumption-view .operation-list .box-detail .item-detail .item-info-amount {
740
+ .account-view .operation-list .box-detail .item-detail .item-info-amount {
673
741
  color: #9e7b5a;
674
742
  }
675
- .consumption-view .operation-list .box-detail .item-detail-remark {
743
+ .account-view .operation-list .box-detail .item-detail-remark {
676
744
  opacity: 0.3;
677
745
  line-height: 15px;
678
746
  font-size: 10px;
679
747
  }
680
- .consumption-view .operation-list .box-not-text {
748
+ .account-view .operation-list .box-not-text {
681
749
  opacity: 0.4;
682
750
  color: #353535;
683
751
  font-size: 12px;
@@ -685,25 +753,6 @@ page {
685
753
  margin: 0 auto 40px;
686
754
  text-align: center;
687
755
  }
688
- .consumption-view .operation-list .operations-empty {
689
- display: flex;
690
- flex-direction: column;
691
- justify-content: center;
692
- align-items: center;
693
- margin-top: 80px;
694
- }
695
- .consumption-view .operation-list .operations-empty-img {
696
- display: block;
697
- font-size: 0;
698
- width: 144px;
699
- height: 80px;
700
- }
701
- .consumption-view .operation-list .operations-empty-text {
702
- opacity: 0.4;
703
- color: #353535;
704
- font-size: 12px;
705
- line-height: 28px;
706
- }
707
756
  .consumption-rules-popup {
708
757
  border-radius: 16px;
709
758
  width: 70%;