uniapp-dyckui 4.1.5 → 4.1.6
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/README.md +7 -80
- package/dist/assets/style.css +154 -154
- package/dist/index.cjs +5 -5
- package/dist/index.cjs.map +1 -1
- package/dist/index.mjs +5 -5
- package/dist/index.mjs.map +1 -1
- package/package.json +222 -215
package/dist/assets/style.css
CHANGED
|
@@ -605,7 +605,7 @@ to {
|
|
|
605
605
|
}
|
|
606
606
|
|
|
607
607
|
/* 弹窗容器 */
|
|
608
|
-
.popup-wrapper[data-v-
|
|
608
|
+
.popup-wrapper[data-v-687daa34] {
|
|
609
609
|
position: fixed;
|
|
610
610
|
top: 0;
|
|
611
611
|
left: 0;
|
|
@@ -619,20 +619,20 @@ to {
|
|
|
619
619
|
}
|
|
620
620
|
|
|
621
621
|
/* 模态模式 */
|
|
622
|
-
.popup-wrapper.modal[data-v-
|
|
622
|
+
.popup-wrapper.modal[data-v-687daa34] {
|
|
623
623
|
pointer-events: auto;
|
|
624
624
|
}
|
|
625
625
|
|
|
626
626
|
/* 非模态模式 */
|
|
627
|
-
.popup-wrapper.non-modal[data-v-
|
|
627
|
+
.popup-wrapper.non-modal[data-v-687daa34] {
|
|
628
628
|
pointer-events: none;
|
|
629
629
|
}
|
|
630
|
-
.popup-wrapper.non-modal .popup-container[data-v-
|
|
630
|
+
.popup-wrapper.non-modal .popup-container[data-v-687daa34] {
|
|
631
631
|
pointer-events: auto;
|
|
632
632
|
}
|
|
633
633
|
|
|
634
634
|
/* 遮罩层 */
|
|
635
|
-
.popup-mask[data-v-
|
|
635
|
+
.popup-mask[data-v-687daa34] {
|
|
636
636
|
position: absolute;
|
|
637
637
|
top: 0;
|
|
638
638
|
left: 0;
|
|
@@ -643,7 +643,7 @@ to {
|
|
|
643
643
|
}
|
|
644
644
|
|
|
645
645
|
/* 弹窗主体 */
|
|
646
|
-
.popup-container[data-v-
|
|
646
|
+
.popup-container[data-v-687daa34] {
|
|
647
647
|
position: fixed;
|
|
648
648
|
background-color: white;
|
|
649
649
|
border-radius: 16rpx;
|
|
@@ -656,11 +656,11 @@ to {
|
|
|
656
656
|
}
|
|
657
657
|
|
|
658
658
|
/* 头部 */
|
|
659
|
-
.popup-header[data-v-
|
|
659
|
+
.popup-header[data-v-687daa34] {
|
|
660
660
|
padding: 32rpx 40rpx;
|
|
661
661
|
border-bottom: 2rpx solid #ebeef5;
|
|
662
662
|
}
|
|
663
|
-
.popup-title[data-v-
|
|
663
|
+
.popup-title[data-v-687daa34] {
|
|
664
664
|
margin: 0;
|
|
665
665
|
font-size: 32rpx;
|
|
666
666
|
font-weight: 600;
|
|
@@ -668,14 +668,14 @@ to {
|
|
|
668
668
|
}
|
|
669
669
|
|
|
670
670
|
/* 内容 */
|
|
671
|
-
.popup-content[data-v-
|
|
671
|
+
.popup-content[data-v-687daa34] {
|
|
672
672
|
padding: 40rpx;
|
|
673
673
|
max-height: calc(90vh - 240rpx);
|
|
674
674
|
overflow-y: auto;
|
|
675
675
|
}
|
|
676
676
|
|
|
677
677
|
/* 底部 */
|
|
678
|
-
.popup-footer[data-v-
|
|
678
|
+
.popup-footer[data-v-687daa34] {
|
|
679
679
|
padding: 32rpx 40rpx;
|
|
680
680
|
border-top: 2rpx solid #ebeef5;
|
|
681
681
|
display: flex;
|
|
@@ -684,7 +684,7 @@ to {
|
|
|
684
684
|
}
|
|
685
685
|
|
|
686
686
|
/* 按钮 */
|
|
687
|
-
.popup-button[data-v-
|
|
687
|
+
.popup-button[data-v-687daa34] {
|
|
688
688
|
padding: 16rpx 32rpx;
|
|
689
689
|
border: none;
|
|
690
690
|
border-radius: 8rpx;
|
|
@@ -694,23 +694,23 @@ to {
|
|
|
694
694
|
text-align: center;
|
|
695
695
|
box-sizing: border-box;
|
|
696
696
|
}
|
|
697
|
-
.popup-button-cancel[data-v-
|
|
697
|
+
.popup-button-cancel[data-v-687daa34] {
|
|
698
698
|
background-color: #f5f7fa;
|
|
699
699
|
color: #606266;
|
|
700
700
|
}
|
|
701
|
-
.popup-button-cancel[data-v-
|
|
701
|
+
.popup-button-cancel[data-v-687daa34]:hover {
|
|
702
702
|
background-color: #e4e7ed;
|
|
703
703
|
}
|
|
704
|
-
.popup-button-confirm[data-v-
|
|
704
|
+
.popup-button-confirm[data-v-687daa34] {
|
|
705
705
|
background-color: #409eff;
|
|
706
706
|
color: white;
|
|
707
707
|
}
|
|
708
|
-
.popup-button-confirm[data-v-
|
|
708
|
+
.popup-button-confirm[data-v-687daa34]:hover {
|
|
709
709
|
background-color: #66b1ff;
|
|
710
710
|
}
|
|
711
711
|
|
|
712
712
|
/* 关闭按钮 */
|
|
713
|
-
.popup-close-button[data-v-
|
|
713
|
+
.popup-close-button[data-v-687daa34] {
|
|
714
714
|
position: absolute;
|
|
715
715
|
top: 24rpx;
|
|
716
716
|
right: 24rpx;
|
|
@@ -725,13 +725,13 @@ to {
|
|
|
725
725
|
color: #909399;
|
|
726
726
|
transition: all 0.3s ease;
|
|
727
727
|
}
|
|
728
|
-
.popup-close-button[data-v-
|
|
728
|
+
.popup-close-button[data-v-687daa34]:hover {
|
|
729
729
|
background-color: #f5f7fa;
|
|
730
730
|
color: #606266;
|
|
731
731
|
}
|
|
732
732
|
|
|
733
733
|
/* 关闭图标 */
|
|
734
|
-
.close-icon[data-v-
|
|
734
|
+
.close-icon[data-v-687daa34] {
|
|
735
735
|
font-size: 40rpx;
|
|
736
736
|
font-weight: bold;
|
|
737
737
|
line-height: 1;
|
|
@@ -739,14 +739,14 @@ to {
|
|
|
739
739
|
|
|
740
740
|
/* 位置样式 */
|
|
741
741
|
/* 居中 */
|
|
742
|
-
.position-center[data-v-
|
|
742
|
+
.position-center[data-v-687daa34] {
|
|
743
743
|
top: 50%;
|
|
744
744
|
left: 50%;
|
|
745
745
|
transform: translate(-50%, -50%);
|
|
746
746
|
}
|
|
747
747
|
|
|
748
748
|
/* 顶部 */
|
|
749
|
-
.position-top[data-v-
|
|
749
|
+
.position-top[data-v-687daa34] {
|
|
750
750
|
top: 0;
|
|
751
751
|
left: 0;
|
|
752
752
|
width: 100%;
|
|
@@ -754,7 +754,7 @@ to {
|
|
|
754
754
|
}
|
|
755
755
|
|
|
756
756
|
/* 底部 */
|
|
757
|
-
.position-bottom[data-v-
|
|
757
|
+
.position-bottom[data-v-687daa34] {
|
|
758
758
|
bottom: 0;
|
|
759
759
|
left: 0;
|
|
760
760
|
width: 100%;
|
|
@@ -762,7 +762,7 @@ to {
|
|
|
762
762
|
}
|
|
763
763
|
|
|
764
764
|
/* 左侧 */
|
|
765
|
-
.position-left[data-v-
|
|
765
|
+
.position-left[data-v-687daa34] {
|
|
766
766
|
top: 0;
|
|
767
767
|
left: 0;
|
|
768
768
|
height: 100%;
|
|
@@ -770,7 +770,7 @@ to {
|
|
|
770
770
|
}
|
|
771
771
|
|
|
772
772
|
/* 右侧 */
|
|
773
|
-
.position-right[data-v-
|
|
773
|
+
.position-right[data-v-687daa34] {
|
|
774
774
|
top: 0;
|
|
775
775
|
right: 0;
|
|
776
776
|
height: 100%;
|
|
@@ -779,10 +779,10 @@ to {
|
|
|
779
779
|
|
|
780
780
|
/* 动画样式 */
|
|
781
781
|
/* 淡入淡出 */
|
|
782
|
-
.animation-fade[data-v-
|
|
783
|
-
animation: fadeIn-
|
|
782
|
+
.animation-fade[data-v-687daa34] {
|
|
783
|
+
animation: fadeIn-687daa34 0.3s ease;
|
|
784
784
|
}
|
|
785
|
-
@keyframes fadeIn-
|
|
785
|
+
@keyframes fadeIn-687daa34 {
|
|
786
786
|
from {
|
|
787
787
|
opacity: 0;
|
|
788
788
|
}
|
|
@@ -792,10 +792,10 @@ to {
|
|
|
792
792
|
}
|
|
793
793
|
|
|
794
794
|
/* 缩放 */
|
|
795
|
-
.animation-scale[data-v-
|
|
796
|
-
animation: scaleIn-
|
|
795
|
+
.animation-scale[data-v-687daa34] {
|
|
796
|
+
animation: scaleIn-687daa34 0.3s ease;
|
|
797
797
|
}
|
|
798
|
-
@keyframes scaleIn-
|
|
798
|
+
@keyframes scaleIn-687daa34 {
|
|
799
799
|
from {
|
|
800
800
|
opacity: 0;
|
|
801
801
|
transform: translate(-50%, -50%) scale(0.8);
|
|
@@ -807,10 +807,10 @@ to {
|
|
|
807
807
|
}
|
|
808
808
|
|
|
809
809
|
/* 顶部位置的缩放动画 */
|
|
810
|
-
.position-top.animation-scale[data-v-
|
|
811
|
-
animation: scaleInTop-
|
|
810
|
+
.position-top.animation-scale[data-v-687daa34] {
|
|
811
|
+
animation: scaleInTop-687daa34 0.3s ease;
|
|
812
812
|
}
|
|
813
|
-
@keyframes scaleInTop-
|
|
813
|
+
@keyframes scaleInTop-687daa34 {
|
|
814
814
|
from {
|
|
815
815
|
opacity: 0;
|
|
816
816
|
transform: translateY(-100%);
|
|
@@ -822,10 +822,10 @@ to {
|
|
|
822
822
|
}
|
|
823
823
|
|
|
824
824
|
/* 底部位置的缩放动画 */
|
|
825
|
-
.position-bottom.animation-scale[data-v-
|
|
826
|
-
animation: scaleInBottom-
|
|
825
|
+
.position-bottom.animation-scale[data-v-687daa34] {
|
|
826
|
+
animation: scaleInBottom-687daa34 0.3s ease;
|
|
827
827
|
}
|
|
828
|
-
@keyframes scaleInBottom-
|
|
828
|
+
@keyframes scaleInBottom-687daa34 {
|
|
829
829
|
from {
|
|
830
830
|
opacity: 0;
|
|
831
831
|
transform: translateY(100%);
|
|
@@ -837,10 +837,10 @@ to {
|
|
|
837
837
|
}
|
|
838
838
|
|
|
839
839
|
/* 左侧位置的缩放动画 */
|
|
840
|
-
.position-left.animation-scale[data-v-
|
|
841
|
-
animation: scaleInLeft-
|
|
840
|
+
.position-left.animation-scale[data-v-687daa34] {
|
|
841
|
+
animation: scaleInLeft-687daa34 0.3s ease;
|
|
842
842
|
}
|
|
843
|
-
@keyframes scaleInLeft-
|
|
843
|
+
@keyframes scaleInLeft-687daa34 {
|
|
844
844
|
from {
|
|
845
845
|
opacity: 0;
|
|
846
846
|
transform: translateX(-100%);
|
|
@@ -852,10 +852,10 @@ to {
|
|
|
852
852
|
}
|
|
853
853
|
|
|
854
854
|
/* 右侧位置的缩放动画 */
|
|
855
|
-
.position-right.animation-scale[data-v-
|
|
856
|
-
animation: scaleInRight-
|
|
855
|
+
.position-right.animation-scale[data-v-687daa34] {
|
|
856
|
+
animation: scaleInRight-687daa34 0.3s ease;
|
|
857
857
|
}
|
|
858
|
-
@keyframes scaleInRight-
|
|
858
|
+
@keyframes scaleInRight-687daa34 {
|
|
859
859
|
from {
|
|
860
860
|
opacity: 0;
|
|
861
861
|
transform: translateX(100%);
|
|
@@ -867,10 +867,10 @@ to {
|
|
|
867
867
|
}
|
|
868
868
|
|
|
869
869
|
/* 滑动动画 */
|
|
870
|
-
.animation-slide[data-v-
|
|
871
|
-
animation: slideIn-
|
|
870
|
+
.animation-slide[data-v-687daa34] {
|
|
871
|
+
animation: slideIn-687daa34 0.3s ease;
|
|
872
872
|
}
|
|
873
|
-
@keyframes slideIn-
|
|
873
|
+
@keyframes slideIn-687daa34 {
|
|
874
874
|
from {
|
|
875
875
|
opacity: 0;
|
|
876
876
|
transform: translate(-50%, -100%);
|
|
@@ -882,10 +882,10 @@ to {
|
|
|
882
882
|
}
|
|
883
883
|
|
|
884
884
|
/* 顶部位置的滑动动画 */
|
|
885
|
-
.position-top.animation-slide[data-v-
|
|
886
|
-
animation: slideInTop-
|
|
885
|
+
.position-top.animation-slide[data-v-687daa34] {
|
|
886
|
+
animation: slideInTop-687daa34 0.3s ease;
|
|
887
887
|
}
|
|
888
|
-
@keyframes slideInTop-
|
|
888
|
+
@keyframes slideInTop-687daa34 {
|
|
889
889
|
from {
|
|
890
890
|
opacity: 0;
|
|
891
891
|
transform: translateY(-100%);
|
|
@@ -897,10 +897,10 @@ to {
|
|
|
897
897
|
}
|
|
898
898
|
|
|
899
899
|
/* 底部位置的滑动动画 */
|
|
900
|
-
.position-bottom.animation-slide[data-v-
|
|
901
|
-
animation: slideInBottom-
|
|
900
|
+
.position-bottom.animation-slide[data-v-687daa34] {
|
|
901
|
+
animation: slideInBottom-687daa34 0.3s ease;
|
|
902
902
|
}
|
|
903
|
-
@keyframes slideInBottom-
|
|
903
|
+
@keyframes slideInBottom-687daa34 {
|
|
904
904
|
from {
|
|
905
905
|
opacity: 0;
|
|
906
906
|
transform: translateY(100%);
|
|
@@ -912,10 +912,10 @@ to {
|
|
|
912
912
|
}
|
|
913
913
|
|
|
914
914
|
/* 左侧位置的滑动动画 */
|
|
915
|
-
.position-left.animation-slide[data-v-
|
|
916
|
-
animation: slideInLeft-
|
|
915
|
+
.position-left.animation-slide[data-v-687daa34] {
|
|
916
|
+
animation: slideInLeft-687daa34 0.3s ease;
|
|
917
917
|
}
|
|
918
|
-
@keyframes slideInLeft-
|
|
918
|
+
@keyframes slideInLeft-687daa34 {
|
|
919
919
|
from {
|
|
920
920
|
opacity: 0;
|
|
921
921
|
transform: translateX(-100%);
|
|
@@ -927,10 +927,10 @@ to {
|
|
|
927
927
|
}
|
|
928
928
|
|
|
929
929
|
/* 右侧位置的滑动动画 */
|
|
930
|
-
.position-right.animation-slide[data-v-
|
|
931
|
-
animation: slideInRight-
|
|
930
|
+
.position-right.animation-slide[data-v-687daa34] {
|
|
931
|
+
animation: slideInRight-687daa34 0.3s ease;
|
|
932
932
|
}
|
|
933
|
-
@keyframes slideInRight-
|
|
933
|
+
@keyframes slideInRight-687daa34 {
|
|
934
934
|
from {
|
|
935
935
|
opacity: 0;
|
|
936
936
|
transform: translateX(100%);
|
|
@@ -943,10 +943,10 @@ to {
|
|
|
943
943
|
|
|
944
944
|
/* 关闭动画 */
|
|
945
945
|
/* 淡入淡出关闭动画 */
|
|
946
|
-
.animation-fade.closing[data-v-
|
|
947
|
-
animation: fadeOut-
|
|
946
|
+
.animation-fade.closing[data-v-687daa34] {
|
|
947
|
+
animation: fadeOut-687daa34 0.3s ease;
|
|
948
948
|
}
|
|
949
|
-
@keyframes fadeOut-
|
|
949
|
+
@keyframes fadeOut-687daa34 {
|
|
950
950
|
from {
|
|
951
951
|
opacity: 1;
|
|
952
952
|
}
|
|
@@ -956,10 +956,10 @@ to {
|
|
|
956
956
|
}
|
|
957
957
|
|
|
958
958
|
/* 缩放关闭动画 */
|
|
959
|
-
.animation-scale.closing[data-v-
|
|
960
|
-
animation: scaleOut-
|
|
959
|
+
.animation-scale.closing[data-v-687daa34] {
|
|
960
|
+
animation: scaleOut-687daa34 0.3s ease;
|
|
961
961
|
}
|
|
962
|
-
@keyframes scaleOut-
|
|
962
|
+
@keyframes scaleOut-687daa34 {
|
|
963
963
|
from {
|
|
964
964
|
opacity: 1;
|
|
965
965
|
transform: translate(-50%, -50%) scale(1);
|
|
@@ -971,10 +971,10 @@ to {
|
|
|
971
971
|
}
|
|
972
972
|
|
|
973
973
|
/* 顶部位置的缩放关闭动画 */
|
|
974
|
-
.position-top.animation-scale.closing[data-v-
|
|
975
|
-
animation: scaleOutTop-
|
|
974
|
+
.position-top.animation-scale.closing[data-v-687daa34] {
|
|
975
|
+
animation: scaleOutTop-687daa34 0.3s ease;
|
|
976
976
|
}
|
|
977
|
-
@keyframes scaleOutTop-
|
|
977
|
+
@keyframes scaleOutTop-687daa34 {
|
|
978
978
|
from {
|
|
979
979
|
opacity: 1;
|
|
980
980
|
transform: translateY(0);
|
|
@@ -986,10 +986,10 @@ to {
|
|
|
986
986
|
}
|
|
987
987
|
|
|
988
988
|
/* 底部位置的缩放关闭动画 */
|
|
989
|
-
.position-bottom.animation-scale.closing[data-v-
|
|
990
|
-
animation: scaleOutBottom-
|
|
989
|
+
.position-bottom.animation-scale.closing[data-v-687daa34] {
|
|
990
|
+
animation: scaleOutBottom-687daa34 0.3s ease;
|
|
991
991
|
}
|
|
992
|
-
@keyframes scaleOutBottom-
|
|
992
|
+
@keyframes scaleOutBottom-687daa34 {
|
|
993
993
|
from {
|
|
994
994
|
opacity: 1;
|
|
995
995
|
transform: translateY(0);
|
|
@@ -1001,10 +1001,10 @@ to {
|
|
|
1001
1001
|
}
|
|
1002
1002
|
|
|
1003
1003
|
/* 左侧位置的缩放关闭动画 */
|
|
1004
|
-
.position-left.animation-scale.closing[data-v-
|
|
1005
|
-
animation: scaleOutLeft-
|
|
1004
|
+
.position-left.animation-scale.closing[data-v-687daa34] {
|
|
1005
|
+
animation: scaleOutLeft-687daa34 0.3s ease;
|
|
1006
1006
|
}
|
|
1007
|
-
@keyframes scaleOutLeft-
|
|
1007
|
+
@keyframes scaleOutLeft-687daa34 {
|
|
1008
1008
|
from {
|
|
1009
1009
|
opacity: 1;
|
|
1010
1010
|
transform: translateX(0);
|
|
@@ -1016,10 +1016,10 @@ to {
|
|
|
1016
1016
|
}
|
|
1017
1017
|
|
|
1018
1018
|
/* 右侧位置的缩放关闭动画 */
|
|
1019
|
-
.position-right.animation-scale.closing[data-v-
|
|
1020
|
-
animation: scaleOutRight-
|
|
1019
|
+
.position-right.animation-scale.closing[data-v-687daa34] {
|
|
1020
|
+
animation: scaleOutRight-687daa34 0.3s ease;
|
|
1021
1021
|
}
|
|
1022
|
-
@keyframes scaleOutRight-
|
|
1022
|
+
@keyframes scaleOutRight-687daa34 {
|
|
1023
1023
|
from {
|
|
1024
1024
|
opacity: 1;
|
|
1025
1025
|
transform: translateX(0);
|
|
@@ -1031,10 +1031,10 @@ to {
|
|
|
1031
1031
|
}
|
|
1032
1032
|
|
|
1033
1033
|
/* 滑动关闭动画 */
|
|
1034
|
-
.animation-slide.closing[data-v-
|
|
1035
|
-
animation: slideOut-
|
|
1034
|
+
.animation-slide.closing[data-v-687daa34] {
|
|
1035
|
+
animation: slideOut-687daa34 0.3s ease;
|
|
1036
1036
|
}
|
|
1037
|
-
@keyframes slideOut-
|
|
1037
|
+
@keyframes slideOut-687daa34 {
|
|
1038
1038
|
from {
|
|
1039
1039
|
opacity: 1;
|
|
1040
1040
|
transform: translate(-50%, -50%);
|
|
@@ -1046,10 +1046,10 @@ to {
|
|
|
1046
1046
|
}
|
|
1047
1047
|
|
|
1048
1048
|
/* 顶部位置的滑动关闭动画 */
|
|
1049
|
-
.position-top.animation-slide.closing[data-v-
|
|
1050
|
-
animation: slideOutTop-
|
|
1049
|
+
.position-top.animation-slide.closing[data-v-687daa34] {
|
|
1050
|
+
animation: slideOutTop-687daa34 0.3s ease;
|
|
1051
1051
|
}
|
|
1052
|
-
@keyframes slideOutTop-
|
|
1052
|
+
@keyframes slideOutTop-687daa34 {
|
|
1053
1053
|
from {
|
|
1054
1054
|
opacity: 1;
|
|
1055
1055
|
transform: translateY(0);
|
|
@@ -1061,10 +1061,10 @@ to {
|
|
|
1061
1061
|
}
|
|
1062
1062
|
|
|
1063
1063
|
/* 底部位置的滑动关闭动画 */
|
|
1064
|
-
.position-bottom.animation-slide.closing[data-v-
|
|
1065
|
-
animation: slideOutBottom-
|
|
1064
|
+
.position-bottom.animation-slide.closing[data-v-687daa34] {
|
|
1065
|
+
animation: slideOutBottom-687daa34 0.3s ease;
|
|
1066
1066
|
}
|
|
1067
|
-
@keyframes slideOutBottom-
|
|
1067
|
+
@keyframes slideOutBottom-687daa34 {
|
|
1068
1068
|
from {
|
|
1069
1069
|
opacity: 1;
|
|
1070
1070
|
transform: translateY(0);
|
|
@@ -1076,10 +1076,10 @@ to {
|
|
|
1076
1076
|
}
|
|
1077
1077
|
|
|
1078
1078
|
/* 左侧位置的滑动关闭动画 */
|
|
1079
|
-
.position-left.animation-slide.closing[data-v-
|
|
1080
|
-
animation: slideOutLeft-
|
|
1079
|
+
.position-left.animation-slide.closing[data-v-687daa34] {
|
|
1080
|
+
animation: slideOutLeft-687daa34 0.3s ease;
|
|
1081
1081
|
}
|
|
1082
|
-
@keyframes slideOutLeft-
|
|
1082
|
+
@keyframes slideOutLeft-687daa34 {
|
|
1083
1083
|
from {
|
|
1084
1084
|
opacity: 1;
|
|
1085
1085
|
transform: translateX(0);
|
|
@@ -1091,10 +1091,10 @@ to {
|
|
|
1091
1091
|
}
|
|
1092
1092
|
|
|
1093
1093
|
/* 右侧位置的滑动关闭动画 */
|
|
1094
|
-
.position-right.animation-slide.closing[data-v-
|
|
1095
|
-
animation: slideOutRight-
|
|
1094
|
+
.position-right.animation-slide.closing[data-v-687daa34] {
|
|
1095
|
+
animation: slideOutRight-687daa34 0.3s ease;
|
|
1096
1096
|
}
|
|
1097
|
-
@keyframes slideOutRight-
|
|
1097
|
+
@keyframes slideOutRight-687daa34 {
|
|
1098
1098
|
from {
|
|
1099
1099
|
opacity: 1;
|
|
1100
1100
|
transform: translateX(0);
|
|
@@ -1105,23 +1105,23 @@ to {
|
|
|
1105
1105
|
}
|
|
1106
1106
|
}
|
|
1107
1107
|
|
|
1108
|
-
.infinite-scroll-container[data-v-
|
|
1108
|
+
.infinite-scroll-container[data-v-b679bd64] {
|
|
1109
1109
|
position: relative;
|
|
1110
1110
|
width: 100%;
|
|
1111
1111
|
height: 100%;
|
|
1112
1112
|
overflow-y: auto;
|
|
1113
1113
|
overflow-x: hidden;
|
|
1114
1114
|
}
|
|
1115
|
-
.infinite-scroll-content[data-v-
|
|
1115
|
+
.infinite-scroll-content[data-v-b679bd64] {
|
|
1116
1116
|
width: 100%;
|
|
1117
1117
|
}
|
|
1118
|
-
.infinite-scroll-indicator[data-v-
|
|
1118
|
+
.infinite-scroll-indicator[data-v-b679bd64] {
|
|
1119
1119
|
width: 100%;
|
|
1120
1120
|
display: flex;
|
|
1121
1121
|
justify-content: center;
|
|
1122
1122
|
align-items: center;
|
|
1123
1123
|
}
|
|
1124
|
-
.infinite-scroll-loading[data-v-
|
|
1124
|
+
.infinite-scroll-loading[data-v-b679bd64] {
|
|
1125
1125
|
display: flex;
|
|
1126
1126
|
align-items: center;
|
|
1127
1127
|
justify-content: center;
|
|
@@ -1129,14 +1129,14 @@ to {
|
|
|
1129
1129
|
color: #666;
|
|
1130
1130
|
font-size: 28rpx;
|
|
1131
1131
|
}
|
|
1132
|
-
.loading-spinner[data-v-
|
|
1133
|
-
animation: spin-
|
|
1132
|
+
.loading-spinner[data-v-b679bd64] {
|
|
1133
|
+
animation: spin-b679bd64 0.8s linear infinite;
|
|
1134
1134
|
color: #409eff;
|
|
1135
1135
|
}
|
|
1136
|
-
.loading-icon[data-v-
|
|
1136
|
+
.loading-icon[data-v-b679bd64] {
|
|
1137
1137
|
font-size: 40rpx;
|
|
1138
1138
|
}
|
|
1139
|
-
@keyframes spin-
|
|
1139
|
+
@keyframes spin-b679bd64 {
|
|
1140
1140
|
0% {
|
|
1141
1141
|
transform: rotate(0deg);
|
|
1142
1142
|
}
|
|
@@ -1144,11 +1144,11 @@ to {
|
|
|
1144
1144
|
transform: rotate(360deg);
|
|
1145
1145
|
}
|
|
1146
1146
|
}
|
|
1147
|
-
.loading-text[data-v-
|
|
1147
|
+
.loading-text[data-v-b679bd64] {
|
|
1148
1148
|
font-size: 28rpx;
|
|
1149
1149
|
color: #666;
|
|
1150
1150
|
}
|
|
1151
|
-
.infinite-scroll-error[data-v-
|
|
1151
|
+
.infinite-scroll-error[data-v-b679bd64] {
|
|
1152
1152
|
display: flex;
|
|
1153
1153
|
align-items: center;
|
|
1154
1154
|
justify-content: center;
|
|
@@ -1156,15 +1156,15 @@ to {
|
|
|
1156
1156
|
color: #f56c6c;
|
|
1157
1157
|
font-size: 28rpx;
|
|
1158
1158
|
}
|
|
1159
|
-
.error-icon[data-v-
|
|
1159
|
+
.error-icon[data-v-b679bd64] {
|
|
1160
1160
|
font-size: 40rpx;
|
|
1161
1161
|
color: #f56c6c;
|
|
1162
1162
|
}
|
|
1163
|
-
.error-text[data-v-
|
|
1163
|
+
.error-text[data-v-b679bd64] {
|
|
1164
1164
|
font-size: 28rpx;
|
|
1165
1165
|
color: #f56c6c;
|
|
1166
1166
|
}
|
|
1167
|
-
.retry-btn[data-v-
|
|
1167
|
+
.retry-btn[data-v-b679bd64] {
|
|
1168
1168
|
padding: 8rpx 24rpx;
|
|
1169
1169
|
background-color: #409eff;
|
|
1170
1170
|
color: white;
|
|
@@ -1178,26 +1178,26 @@ to {
|
|
|
1178
1178
|
align-items: center;
|
|
1179
1179
|
justify-content: center;
|
|
1180
1180
|
}
|
|
1181
|
-
.retry-btn[data-v-
|
|
1181
|
+
.retry-btn[data-v-b679bd64]:hover {
|
|
1182
1182
|
background-color: #66b1ff;
|
|
1183
1183
|
}
|
|
1184
|
-
.infinite-scroll-no-more[data-v-
|
|
1184
|
+
.infinite-scroll-no-more[data-v-b679bd64] {
|
|
1185
1185
|
display: flex;
|
|
1186
1186
|
align-items: center;
|
|
1187
1187
|
justify-content: center;
|
|
1188
1188
|
color: #999;
|
|
1189
1189
|
font-size: 28rpx;
|
|
1190
1190
|
}
|
|
1191
|
-
.no-more-text[data-v-
|
|
1191
|
+
.no-more-text[data-v-b679bd64] {
|
|
1192
1192
|
font-size: 28rpx;
|
|
1193
1193
|
color: #999;
|
|
1194
1194
|
}
|
|
1195
|
-
.infinite-scroll-trigger[data-v-
|
|
1195
|
+
.infinite-scroll-trigger[data-v-b679bd64] {
|
|
1196
1196
|
width: 100%;
|
|
1197
1197
|
}
|
|
1198
1198
|
|
|
1199
1199
|
/* 下拉刷新样式 */
|
|
1200
|
-
.refresh-indicator[data-v-
|
|
1200
|
+
.refresh-indicator[data-v-b679bd64] {
|
|
1201
1201
|
width: 100%;
|
|
1202
1202
|
height: 0;
|
|
1203
1203
|
overflow: hidden;
|
|
@@ -1207,7 +1207,7 @@ to {
|
|
|
1207
1207
|
align-items: center;
|
|
1208
1208
|
justify-content: center;
|
|
1209
1209
|
}
|
|
1210
|
-
.refresh-content[data-v-
|
|
1210
|
+
.refresh-content[data-v-b679bd64] {
|
|
1211
1211
|
display: flex;
|
|
1212
1212
|
flex-direction: row;
|
|
1213
1213
|
align-items: center;
|
|
@@ -1225,43 +1225,43 @@ to {
|
|
|
1225
1225
|
margin: 8rpx;
|
|
1226
1226
|
backdrop-filter: blur(10rpx);
|
|
1227
1227
|
}
|
|
1228
|
-
.refresh-icon[data-v-
|
|
1228
|
+
.refresh-icon[data-v-b679bd64] {
|
|
1229
1229
|
margin-right: 10rpx;
|
|
1230
1230
|
margin-bottom: 0;
|
|
1231
1231
|
}
|
|
1232
|
-
.refresh-icon svg[data-v-
|
|
1232
|
+
.refresh-icon svg[data-v-b679bd64] {
|
|
1233
1233
|
transition: transform 0.3s ease;
|
|
1234
1234
|
color: #409eff;
|
|
1235
1235
|
width: 36rpx;
|
|
1236
1236
|
height: 36rpx;
|
|
1237
1237
|
}
|
|
1238
|
-
.refresh-status-triggered .refresh-icon svg[data-v-
|
|
1239
|
-
.refresh-status-refreshing .refresh-icon svg[data-v-
|
|
1238
|
+
.refresh-status-triggered .refresh-icon svg[data-v-b679bd64],
|
|
1239
|
+
.refresh-status-refreshing .refresh-icon svg[data-v-b679bd64] {
|
|
1240
1240
|
transform: rotate(0deg);
|
|
1241
1241
|
}
|
|
1242
|
-
.refresh-status-refreshing .refresh-icon svg[data-v-
|
|
1243
|
-
animation: spin-
|
|
1242
|
+
.refresh-status-refreshing .refresh-icon svg[data-v-b679bd64] {
|
|
1243
|
+
animation: spin-b679bd64 0.8s linear infinite;
|
|
1244
1244
|
}
|
|
1245
|
-
.refresh-text[data-v-
|
|
1245
|
+
.refresh-text[data-v-b679bd64] {
|
|
1246
1246
|
font-size: 28rpx;
|
|
1247
1247
|
color: white;
|
|
1248
1248
|
}
|
|
1249
|
-
.sw-swiper[data-v-
|
|
1249
|
+
.sw-swiper[data-v-48e33fb8] {
|
|
1250
1250
|
position: relative;
|
|
1251
1251
|
width: 100%;
|
|
1252
1252
|
overflow: hidden;
|
|
1253
1253
|
}
|
|
1254
|
-
.sw-swiper .swiper-wrapper[data-v-
|
|
1254
|
+
.sw-swiper .swiper-wrapper[data-v-48e33fb8] {
|
|
1255
1255
|
display: flex;
|
|
1256
1256
|
width: 100%;
|
|
1257
1257
|
height: 100%;
|
|
1258
1258
|
}
|
|
1259
|
-
.sw-swiper .swiper-item[data-v-
|
|
1259
|
+
.sw-swiper .swiper-item[data-v-48e33fb8] {
|
|
1260
1260
|
flex-shrink: 0;
|
|
1261
1261
|
width: 100%;
|
|
1262
1262
|
height: 100%;
|
|
1263
1263
|
}
|
|
1264
|
-
.sw-swiper .swiper-indicators[data-v-
|
|
1264
|
+
.sw-swiper .swiper-indicators[data-v-48e33fb8] {
|
|
1265
1265
|
position: absolute;
|
|
1266
1266
|
bottom: 32rpx;
|
|
1267
1267
|
left: 50%;
|
|
@@ -1269,7 +1269,7 @@ to {
|
|
|
1269
1269
|
display: flex;
|
|
1270
1270
|
gap: 16rpx;
|
|
1271
1271
|
}
|
|
1272
|
-
.sw-swiper .swiper-indicators .indicator-item[data-v-
|
|
1272
|
+
.sw-swiper .swiper-indicators .indicator-item[data-v-48e33fb8] {
|
|
1273
1273
|
width: 16rpx;
|
|
1274
1274
|
height: 16rpx;
|
|
1275
1275
|
border-radius: 50%;
|
|
@@ -1277,12 +1277,12 @@ to {
|
|
|
1277
1277
|
cursor: pointer;
|
|
1278
1278
|
transition: all 0.3s ease;
|
|
1279
1279
|
}
|
|
1280
|
-
.sw-swiper .swiper-indicators .indicator-item.active[data-v-
|
|
1280
|
+
.sw-swiper .swiper-indicators .indicator-item.active[data-v-48e33fb8] {
|
|
1281
1281
|
width: 16rpx;
|
|
1282
1282
|
height: 16rpx;
|
|
1283
1283
|
background-color: #fff;
|
|
1284
1284
|
}
|
|
1285
|
-
.sw-swiper .swiper-arrow[data-v-
|
|
1285
|
+
.sw-swiper .swiper-arrow[data-v-48e33fb8] {
|
|
1286
1286
|
position: absolute;
|
|
1287
1287
|
top: 50%;
|
|
1288
1288
|
transform: translateY(-50%);
|
|
@@ -1299,11 +1299,11 @@ to {
|
|
|
1299
1299
|
transition: all 0.3s ease;
|
|
1300
1300
|
box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.15);
|
|
1301
1301
|
}
|
|
1302
|
-
.sw-swiper .swiper-arrow[data-v-
|
|
1302
|
+
.sw-swiper .swiper-arrow[data-v-48e33fb8]:hover {
|
|
1303
1303
|
background-color: #ffffff;
|
|
1304
1304
|
transform: translateY(-50%) scale(1.1);
|
|
1305
1305
|
}
|
|
1306
|
-
.sw-swiper .swiper-arrow[data-v-
|
|
1306
|
+
.sw-swiper .swiper-arrow[data-v-48e33fb8]:before {
|
|
1307
1307
|
content: '';
|
|
1308
1308
|
width: 24rpx;
|
|
1309
1309
|
height: 24rpx;
|
|
@@ -1311,20 +1311,20 @@ to {
|
|
|
1311
1311
|
border-left: 4rpx solid #333;
|
|
1312
1312
|
display: inline-block;
|
|
1313
1313
|
}
|
|
1314
|
-
.sw-swiper .swiper-arrow.swiper-arrow-left[data-v-
|
|
1314
|
+
.sw-swiper .swiper-arrow.swiper-arrow-left[data-v-48e33fb8] {
|
|
1315
1315
|
left: 30rpx;
|
|
1316
1316
|
}
|
|
1317
|
-
.sw-swiper .swiper-arrow.swiper-arrow-left[data-v-
|
|
1317
|
+
.sw-swiper .swiper-arrow.swiper-arrow-left[data-v-48e33fb8]:before {
|
|
1318
1318
|
transform: rotate(-45deg);
|
|
1319
1319
|
}
|
|
1320
|
-
.sw-swiper .swiper-arrow.swiper-arrow-right[data-v-
|
|
1320
|
+
.sw-swiper .swiper-arrow.swiper-arrow-right[data-v-48e33fb8] {
|
|
1321
1321
|
right: 30rpx;
|
|
1322
1322
|
}
|
|
1323
|
-
.sw-swiper .swiper-arrow.swiper-arrow-right[data-v-
|
|
1323
|
+
.sw-swiper .swiper-arrow.swiper-arrow-right[data-v-48e33fb8]:before {
|
|
1324
1324
|
transform: rotate(135deg);
|
|
1325
1325
|
}
|
|
1326
1326
|
|
|
1327
|
-
.sw-toast[data-v-
|
|
1327
|
+
.sw-toast[data-v-3bcd294c] {
|
|
1328
1328
|
display: inline-flex;
|
|
1329
1329
|
align-items: center;
|
|
1330
1330
|
justify-content: center;
|
|
@@ -1350,7 +1350,7 @@ to {
|
|
|
1350
1350
|
}
|
|
1351
1351
|
|
|
1352
1352
|
/* 显示动画 */
|
|
1353
|
-
.sw-toast--show[data-v-
|
|
1353
|
+
.sw-toast--show[data-v-3bcd294c] {
|
|
1354
1354
|
opacity: 1;
|
|
1355
1355
|
visibility: visible;
|
|
1356
1356
|
pointer-events: auto;
|
|
@@ -1358,78 +1358,78 @@ to {
|
|
|
1358
1358
|
}
|
|
1359
1359
|
|
|
1360
1360
|
/* 隐藏动画 */
|
|
1361
|
-
.sw-toast--hide[data-v-
|
|
1361
|
+
.sw-toast--hide[data-v-3bcd294c] {
|
|
1362
1362
|
opacity: 0;
|
|
1363
1363
|
transform: translateX(-50%) translateY(-20rpx);
|
|
1364
1364
|
}
|
|
1365
1365
|
|
|
1366
1366
|
/* 位置样式 */
|
|
1367
|
-
.sw-toast--top[data-v-
|
|
1367
|
+
.sw-toast--top[data-v-3bcd294c] {
|
|
1368
1368
|
top: 100rpx;
|
|
1369
1369
|
}
|
|
1370
|
-
.sw-toast--middle[data-v-
|
|
1370
|
+
.sw-toast--middle[data-v-3bcd294c] {
|
|
1371
1371
|
top: 50%;
|
|
1372
1372
|
transform: translate(-50%, -50%);
|
|
1373
1373
|
}
|
|
1374
|
-
.sw-toast--middle.sw-toast--show[data-v-
|
|
1374
|
+
.sw-toast--middle.sw-toast--show[data-v-3bcd294c] {
|
|
1375
1375
|
transform: translate(-50%, -50%);
|
|
1376
1376
|
}
|
|
1377
|
-
.sw-toast--middle.sw-toast--hide[data-v-
|
|
1377
|
+
.sw-toast--middle.sw-toast--hide[data-v-3bcd294c] {
|
|
1378
1378
|
transform: translate(-50%, -60%);
|
|
1379
1379
|
}
|
|
1380
|
-
.sw-toast--bottom[data-v-
|
|
1380
|
+
.sw-toast--bottom[data-v-3bcd294c] {
|
|
1381
1381
|
bottom: 100rpx;
|
|
1382
1382
|
}
|
|
1383
1383
|
|
|
1384
1384
|
/* 类型样式 */
|
|
1385
|
-
.sw-toast--text[data-v-
|
|
1385
|
+
.sw-toast--text[data-v-3bcd294c] {
|
|
1386
1386
|
background-color: rgba(0, 0, 0, 0.7);
|
|
1387
1387
|
}
|
|
1388
|
-
.sw-toast--loading[data-v-
|
|
1388
|
+
.sw-toast--loading[data-v-3bcd294c] {
|
|
1389
1389
|
background-color: rgba(0, 0, 0, 0.7);
|
|
1390
1390
|
}
|
|
1391
|
-
.sw-toast--success[data-v-
|
|
1391
|
+
.sw-toast--success[data-v-3bcd294c] {
|
|
1392
1392
|
background-color: #67c23a;
|
|
1393
1393
|
}
|
|
1394
|
-
.sw-toast--fail[data-v-
|
|
1394
|
+
.sw-toast--fail[data-v-3bcd294c] {
|
|
1395
1395
|
background-color: #f56c6c;
|
|
1396
1396
|
}
|
|
1397
1397
|
|
|
1398
1398
|
/* 大尺寸样式 */
|
|
1399
|
-
.sw-toast--large[data-v-
|
|
1399
|
+
.sw-toast--large[data-v-3bcd294c] {
|
|
1400
1400
|
padding: 32rpx 48rpx;
|
|
1401
1401
|
font-size: 32rpx;
|
|
1402
1402
|
line-height: 48rpx;
|
|
1403
1403
|
}
|
|
1404
1404
|
|
|
1405
1405
|
/* 加载图标 */
|
|
1406
|
-
.sw-toast__loading[data-v-
|
|
1406
|
+
.sw-toast__loading[data-v-3bcd294c] {
|
|
1407
1407
|
margin-right: 16rpx;
|
|
1408
1408
|
}
|
|
1409
1409
|
|
|
1410
1410
|
/* 加载动画 */
|
|
1411
|
-
.sw-toast__spinner[data-v-
|
|
1411
|
+
.sw-toast__spinner[data-v-3bcd294c] {
|
|
1412
1412
|
display: inline-block;
|
|
1413
1413
|
width: 40rpx;
|
|
1414
1414
|
height: 40rpx;
|
|
1415
1415
|
border: 4rpx solid rgba(255, 255, 255, 0.3);
|
|
1416
1416
|
border-radius: 50%;
|
|
1417
1417
|
border-top-color: #fff;
|
|
1418
|
-
animation: sw-toast-spin-
|
|
1418
|
+
animation: sw-toast-spin-3bcd294c 0.8s linear infinite;
|
|
1419
1419
|
}
|
|
1420
1420
|
|
|
1421
1421
|
/* 自定义图标 */
|
|
1422
|
-
.sw-toast__custom-icon[data-v-
|
|
1422
|
+
.sw-toast__custom-icon[data-v-3bcd294c] {
|
|
1423
1423
|
font-size: 40rpx;
|
|
1424
1424
|
}
|
|
1425
1425
|
|
|
1426
1426
|
/* 状态图标 */
|
|
1427
1427
|
.sw-toast__icon {
|
|
1428
|
-
&[data-v-
|
|
1428
|
+
&[data-v-3bcd294c] {
|
|
1429
1429
|
margin-right: 16rpx;
|
|
1430
1430
|
}
|
|
1431
|
-
&--success[data-v-
|
|
1432
|
-
&--fail[data-v-
|
|
1431
|
+
&--success[data-v-3bcd294c],
|
|
1432
|
+
&--fail[data-v-3bcd294c] {
|
|
1433
1433
|
display: inline-block;
|
|
1434
1434
|
width: 40rpx;
|
|
1435
1435
|
height: 40rpx;
|
|
@@ -1439,14 +1439,14 @@ to {
|
|
|
1439
1439
|
}
|
|
1440
1440
|
|
|
1441
1441
|
/* 文本内容 */
|
|
1442
|
-
.sw-toast__text[data-v-
|
|
1442
|
+
.sw-toast__text[data-v-3bcd294c] {
|
|
1443
1443
|
margin: 0;
|
|
1444
1444
|
word-wrap: break-word;
|
|
1445
1445
|
white-space: pre-wrap;
|
|
1446
1446
|
}
|
|
1447
1447
|
|
|
1448
1448
|
/* 加载动画 */
|
|
1449
|
-
@keyframes sw-toast-spin-
|
|
1449
|
+
@keyframes sw-toast-spin-3bcd294c {
|
|
1450
1450
|
to {
|
|
1451
1451
|
transform: rotate(360deg);
|
|
1452
1452
|
}
|
|
@@ -1454,21 +1454,21 @@ to {
|
|
|
1454
1454
|
|
|
1455
1455
|
/* 响应式设计 */
|
|
1456
1456
|
@media (max-width: 768px) {
|
|
1457
|
-
.sw-toast[data-v-
|
|
1457
|
+
.sw-toast[data-v-3bcd294c] {
|
|
1458
1458
|
max-width: 90%;
|
|
1459
1459
|
padding: 16rpx 24rpx;
|
|
1460
1460
|
font-size: 26rpx;
|
|
1461
1461
|
line-height: 36rpx;
|
|
1462
1462
|
}
|
|
1463
|
-
.sw-toast--large[data-v-
|
|
1463
|
+
.sw-toast--large[data-v-3bcd294c] {
|
|
1464
1464
|
padding: 24rpx 40rpx;
|
|
1465
1465
|
font-size: 30rpx;
|
|
1466
1466
|
line-height: 44rpx;
|
|
1467
1467
|
}
|
|
1468
|
-
.sw-toast--top[data-v-
|
|
1468
|
+
.sw-toast--top[data-v-3bcd294c] {
|
|
1469
1469
|
top: 60rpx;
|
|
1470
1470
|
}
|
|
1471
|
-
.sw-toast--bottom[data-v-
|
|
1471
|
+
.sw-toast--bottom[data-v-3bcd294c] {
|
|
1472
1472
|
bottom: 60rpx;
|
|
1473
1473
|
}
|
|
1474
1474
|
}
|