@uxda/appkit 4.2.74 → 4.2.76
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 +114 -1
- package/dist/assets/asset-3B_CoPto +1 -0
- package/dist/index.js +1013 -557
- package/package.json +1 -1
- package/rollup.config.mjs +20 -10
- package/src/balance/components/AccountView.vue +2 -0
- package/src/balance/components/DateFilter.vue +16 -7
- package/src/balance/components/DateRange.vue +51 -20
- package/src/balance/components/PromoterCard.vue +2 -0
- package/src/index.ts +1 -0
- package/src/scenarios/components/SharePoster.vue +364 -0
- package/src/scenarios/components/image/share-poster/1752718942546.png +0 -0
- package/src/scenarios/components/index.ts +3 -0
- package/src/scenarios/components/poster-paste.vue +93 -0
- package/src/scenarios/components/share-poster.md +273 -0
- package/src/scenarios/index.ts +1 -0
- package/src/utils/utils.ts +28 -0
package/dist/appkit.css
CHANGED
|
@@ -323,7 +323,6 @@
|
|
|
323
323
|
margin-top: 4px;
|
|
324
324
|
font-size: 12px;
|
|
325
325
|
}
|
|
326
|
-
@charset "UTF-8";
|
|
327
326
|
.recharge-view2 {
|
|
328
327
|
height: 100%;
|
|
329
328
|
display: flex;
|
|
@@ -1146,6 +1145,7 @@ page {
|
|
|
1146
1145
|
flex: 1;
|
|
1147
1146
|
display: flex;
|
|
1148
1147
|
align-items: center;
|
|
1148
|
+
justify-content: flex-end;
|
|
1149
1149
|
}
|
|
1150
1150
|
.date-range .text {
|
|
1151
1151
|
width: fit-content;
|
|
@@ -1342,8 +1342,10 @@ page {
|
|
|
1342
1342
|
background: #EEF5FF;
|
|
1343
1343
|
}
|
|
1344
1344
|
.promoter-card-tab {
|
|
1345
|
+
position: relative;
|
|
1345
1346
|
display: flex;
|
|
1346
1347
|
justify-content: space-between;
|
|
1348
|
+
align-items: center;
|
|
1347
1349
|
margin-bottom: 12px;
|
|
1348
1350
|
}
|
|
1349
1351
|
.promoter-card-tab-item {
|
|
@@ -2680,4 +2682,115 @@ page {
|
|
|
2680
2682
|
.user-auth-footer .checkbox-row .book {
|
|
2681
2683
|
font-size: 11px;
|
|
2682
2684
|
color: #007aff;
|
|
2685
|
+
}
|
|
2686
|
+
.poster-paste {
|
|
2687
|
+
position: relative;
|
|
2688
|
+
width: auto;
|
|
2689
|
+
height: 480px;
|
|
2690
|
+
aspect-ratio: 375/812;
|
|
2691
|
+
transition: transform 0.5s;
|
|
2692
|
+
}
|
|
2693
|
+
.poster-paste .picture {
|
|
2694
|
+
position: absolute;
|
|
2695
|
+
background-size: cover;
|
|
2696
|
+
background-position: center;
|
|
2697
|
+
height: 100%;
|
|
2698
|
+
width: 100%;
|
|
2699
|
+
border-radius: 10px;
|
|
2700
|
+
}
|
|
2701
|
+
.poster-paste .logo {
|
|
2702
|
+
position: absolute;
|
|
2703
|
+
width: 30px;
|
|
2704
|
+
height: 30px;
|
|
2705
|
+
left: 25px;
|
|
2706
|
+
top: 25px;
|
|
2707
|
+
background-size: contain;
|
|
2708
|
+
background-position: center;
|
|
2709
|
+
}
|
|
2710
|
+
.poster-paste .nick {
|
|
2711
|
+
position: absolute;
|
|
2712
|
+
top: 24px;
|
|
2713
|
+
line-height: 15px;
|
|
2714
|
+
}
|
|
2715
|
+
.poster-paste .qr {
|
|
2716
|
+
position: absolute;
|
|
2717
|
+
background-size: contain;
|
|
2718
|
+
background-position: center;
|
|
2719
|
+
}
|
|
2720
|
+
.share-dialog {
|
|
2721
|
+
padding: 40px 0 0;
|
|
2722
|
+
overflow: hidden auto;
|
|
2723
|
+
}
|
|
2724
|
+
.share-dialog .swiper-container {
|
|
2725
|
+
position: relative;
|
|
2726
|
+
width: 100%;
|
|
2727
|
+
height: 480px;
|
|
2728
|
+
overflow: hidden;
|
|
2729
|
+
}
|
|
2730
|
+
.share-dialog .swiper {
|
|
2731
|
+
width: 180%;
|
|
2732
|
+
height: 100%;
|
|
2733
|
+
margin: 0 -40%;
|
|
2734
|
+
}
|
|
2735
|
+
.share-dialog .swiper-item {
|
|
2736
|
+
width: 100%;
|
|
2737
|
+
display: flex;
|
|
2738
|
+
flex-direction: row;
|
|
2739
|
+
align-items: center;
|
|
2740
|
+
}
|
|
2741
|
+
.share-dialog .swiper-item .poster-paste {
|
|
2742
|
+
transform: scale(0.8);
|
|
2743
|
+
}
|
|
2744
|
+
.share-dialog .swiper-item.center .poster-paste {
|
|
2745
|
+
transform: scale(1);
|
|
2746
|
+
}
|
|
2747
|
+
.share-dialog .swiper-dots {
|
|
2748
|
+
margin-top: 10px;
|
|
2749
|
+
height: 20px;
|
|
2750
|
+
display: flex;
|
|
2751
|
+
justify-content: center;
|
|
2752
|
+
align-items: center;
|
|
2753
|
+
}
|
|
2754
|
+
.share-dialog .swiper-dots .dot {
|
|
2755
|
+
width: 6px;
|
|
2756
|
+
height: 6px;
|
|
2757
|
+
background-color: #b0b7c4;
|
|
2758
|
+
border-radius: 3px;
|
|
2759
|
+
transition: width 0.5s;
|
|
2760
|
+
margin: 0 2px;
|
|
2761
|
+
}
|
|
2762
|
+
.share-dialog .swiper-dots .dot.current {
|
|
2763
|
+
background-color: #017fff;
|
|
2764
|
+
width: 15px;
|
|
2765
|
+
}
|
|
2766
|
+
.share-dialog .slide {
|
|
2767
|
+
width: 100%;
|
|
2768
|
+
}
|
|
2769
|
+
.share-dialog .buttons {
|
|
2770
|
+
margin-top: 60px;
|
|
2771
|
+
}
|
|
2772
|
+
.share-dialog .buttons .btn {
|
|
2773
|
+
width: 50px;
|
|
2774
|
+
height: 50px;
|
|
2775
|
+
background-size: 100% 100%;
|
|
2776
|
+
background-color: #f8f8f8;
|
|
2777
|
+
border-radius: 10px;
|
|
2778
|
+
}
|
|
2779
|
+
.share-dialog .bottom {
|
|
2780
|
+
padding: 12px;
|
|
2781
|
+
display: flex;
|
|
2782
|
+
}
|
|
2783
|
+
.share-dialog .bottom .nut-button {
|
|
2784
|
+
flex: 1;
|
|
2785
|
+
}
|
|
2786
|
+
.share-dialog .bottom .cancel-btn {
|
|
2787
|
+
margin-right: 12px;
|
|
2788
|
+
flex: 1;
|
|
2789
|
+
border: 1px solid #017fff;
|
|
2790
|
+
color: #017fff;
|
|
2791
|
+
background: #fff;
|
|
2792
|
+
}
|
|
2793
|
+
.share-dialog .line {
|
|
2794
|
+
background: #f1f5f9;
|
|
2795
|
+
height: 8.5px;
|
|
2683
2796
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|