@uxda/appkit 4.2.75 → 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 +113 -1
- package/dist/assets/asset-3B_CoPto +1 -0
- package/dist/index.js +931 -510
- package/package.json +1 -1
- package/rollup.config.mjs +20 -10
- 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;
|
|
@@ -1343,8 +1342,10 @@ page {
|
|
|
1343
1342
|
background: #EEF5FF;
|
|
1344
1343
|
}
|
|
1345
1344
|
.promoter-card-tab {
|
|
1345
|
+
position: relative;
|
|
1346
1346
|
display: flex;
|
|
1347
1347
|
justify-content: space-between;
|
|
1348
|
+
align-items: center;
|
|
1348
1349
|
margin-bottom: 12px;
|
|
1349
1350
|
}
|
|
1350
1351
|
.promoter-card-tab-item {
|
|
@@ -2681,4 +2682,115 @@ page {
|
|
|
2681
2682
|
.user-auth-footer .checkbox-row .book {
|
|
2682
2683
|
font-size: 11px;
|
|
2683
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;
|
|
2684
2796
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|