pb-sxp-ui 1.0.75 → 1.0.77
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/index.cjs +293 -103
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +95 -27
- package/dist/index.js +293 -103
- package/dist/index.js.map +1 -1
- package/dist/index.min.cjs +3 -3
- package/dist/index.min.cjs.map +1 -1
- package/dist/index.min.js +3 -3
- package/dist/index.min.js.map +1 -1
- package/dist/pb-ui.js +293 -103
- package/dist/pb-ui.js.map +1 -1
- package/dist/pb-ui.min.js +3 -3
- package/dist/pb-ui.min.js.map +1 -1
- package/es/core/components/SxpPageRender/WaterFall/WaterfallList.js +49 -35
- package/es/core/components/SxpPageRender/WaterFall/index.js +1 -1
- package/es/core/components/SxpPageRender/index.js +8 -6
- package/es/materials/sxp/HashTag/index.d.ts +2 -0
- package/es/materials/sxp/HashTag/settingRender.d.ts +7 -2
- package/es/materials/sxp/HashTag/settingRender.js +15 -0
- package/lib/core/components/SxpPageRender/WaterFall/WaterfallList.js +49 -35
- package/lib/core/components/SxpPageRender/WaterFall/index.js +2 -2
- package/lib/core/components/SxpPageRender/index.js +8 -6
- package/lib/materials/sxp/HashTag/index.d.ts +2 -0
- package/lib/materials/sxp/HashTag/settingRender.d.ts +7 -2
- package/lib/materials/sxp/HashTag/settingRender.js +15 -0
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -649,38 +649,105 @@
|
|
|
649
649
|
z-index: 10;
|
|
650
650
|
}
|
|
651
651
|
|
|
652
|
-
.
|
|
652
|
+
.waterfallFlow {
|
|
653
|
+
-webkit-box-flex: 1;
|
|
654
|
+
-webkit-flex: 1;
|
|
655
|
+
-ms-flex: 1;
|
|
656
|
+
flex: 1;
|
|
657
|
+
height: 100vh;
|
|
658
|
+
overflow-y: auto;
|
|
659
|
+
padding: 18px;
|
|
660
|
+
}
|
|
661
|
+
.waterfallFlow__title {
|
|
662
|
+
text-align: center;
|
|
663
|
+
}
|
|
664
|
+
.waterfallFlow__content {
|
|
665
|
+
position: relative;
|
|
666
|
+
-webkit-box-sizing: border-box;
|
|
667
|
+
box-sizing: border-box;
|
|
668
|
+
background-color: red;
|
|
669
|
+
}
|
|
670
|
+
.WaterfallItem {
|
|
671
|
+
display: -webkit-box;
|
|
672
|
+
display: -webkit-flex;
|
|
673
|
+
display: -ms-flexbox;
|
|
674
|
+
display: flex;
|
|
675
|
+
-webkit-box-orient: vertical;
|
|
676
|
+
-webkit-box-direction: normal;
|
|
677
|
+
-webkit-flex-direction: column;
|
|
678
|
+
-ms-flex-direction: column;
|
|
679
|
+
flex-direction: column;
|
|
680
|
+
position: absolute;
|
|
681
|
+
top: 0px;
|
|
682
|
+
left: 0px;
|
|
683
|
+
background-color: #FFF;
|
|
684
|
+
-webkit-box-sizing: border-box;
|
|
685
|
+
box-sizing: border-box;
|
|
686
|
+
}
|
|
687
|
+
.WaterfallItem__img {
|
|
688
|
+
-webkit-box-flex: 1;
|
|
689
|
+
-webkit-flex: 1;
|
|
690
|
+
-ms-flex: 1;
|
|
691
|
+
flex: 1;
|
|
692
|
+
overflow: hidden;
|
|
693
|
+
background: #f7f7f7;
|
|
694
|
+
}
|
|
695
|
+
.WaterfallItem img {
|
|
696
|
+
display: inline-block;
|
|
697
|
+
height: 100%;
|
|
698
|
+
width: 100%;
|
|
699
|
+
-o-object-fit: cover;
|
|
700
|
+
object-fit: cover;
|
|
701
|
+
}
|
|
702
|
+
.WaterfallItem__info {
|
|
703
|
+
padding: 12px 0 20px 0;
|
|
704
|
+
}
|
|
705
|
+
.WaterfallItem__name {
|
|
706
|
+
line-height: 18px;
|
|
707
|
+
display: -webkit-box;
|
|
708
|
+
-webkit-box-orient: vertical;
|
|
709
|
+
-webkit-line-clamp: 2;
|
|
710
|
+
text-overflow: ellipsis;
|
|
711
|
+
overflow: hidden;
|
|
712
|
+
font-size: 12px;
|
|
713
|
+
word-break: break-all;
|
|
714
|
+
}
|
|
715
|
+
.WaterfallItem__price {
|
|
716
|
+
font-size: 14px;
|
|
717
|
+
font-weight: bold;
|
|
718
|
+
line-height: 20px;
|
|
719
|
+
margin-top: 4px;
|
|
720
|
+
}
|
|
721
|
+
.waterFallList {
|
|
653
722
|
position: absolute;
|
|
654
723
|
bottom: 0;
|
|
655
724
|
left: 0;
|
|
656
725
|
right: 0;
|
|
657
726
|
top: 70px;
|
|
658
727
|
}
|
|
659
|
-
.
|
|
728
|
+
.waterFallList-scroll {
|
|
660
729
|
position: absolute;
|
|
661
730
|
top: 0;
|
|
662
731
|
width: 100%;
|
|
663
|
-
|
|
732
|
+
bottom: 0;
|
|
664
733
|
overflow: auto;
|
|
665
734
|
}
|
|
666
|
-
.
|
|
735
|
+
.waterFallList-info {
|
|
667
736
|
font-size: 13px;
|
|
668
737
|
line-height: 20px;
|
|
669
738
|
padding: 0 54px;
|
|
670
739
|
text-align: center;
|
|
671
740
|
}
|
|
672
|
-
.
|
|
673
|
-
margin
|
|
674
|
-
margin-left: auto;
|
|
675
|
-
margin-right: auto;
|
|
676
|
-
margin-bottom: 40px;
|
|
741
|
+
.waterFallList-collection {
|
|
742
|
+
margin: 4px auto 40px;
|
|
677
743
|
text-align: center;
|
|
678
744
|
color: #757575;
|
|
745
|
+
display: block;
|
|
679
746
|
font-size: 12px;
|
|
680
747
|
text-decoration: underline;
|
|
681
748
|
cursor: pointer;
|
|
682
749
|
}
|
|
683
|
-
.
|
|
750
|
+
.waterFallList-content {
|
|
684
751
|
display: -webkit-box;
|
|
685
752
|
display: -webkit-flex;
|
|
686
753
|
display: -ms-flexbox;
|
|
@@ -692,48 +759,50 @@
|
|
|
692
759
|
-webkit-justify-content: space-between;
|
|
693
760
|
-ms-flex-pack: justify;
|
|
694
761
|
justify-content: space-between;
|
|
762
|
+
position: relative;
|
|
695
763
|
}
|
|
696
|
-
.
|
|
697
|
-
width: 49.5%;
|
|
698
|
-
margin-bottom: 40px;
|
|
764
|
+
.waterFallList-content-listItem {
|
|
699
765
|
cursor: pointer;
|
|
766
|
+
position: absolute;
|
|
767
|
+
top: 0px;
|
|
768
|
+
left: 0px;
|
|
769
|
+
background-color: #FFF;
|
|
770
|
+
-webkit-box-sizing: border-box;
|
|
771
|
+
box-sizing: border-box;
|
|
700
772
|
}
|
|
701
|
-
.
|
|
702
|
-
position: relative;
|
|
773
|
+
.waterFallList-content-listItem-picture {
|
|
703
774
|
width: 100%;
|
|
704
|
-
padding-bottom: 100%;
|
|
705
775
|
overflow: hidden;
|
|
706
776
|
}
|
|
707
|
-
.
|
|
708
|
-
position: absolute;
|
|
777
|
+
.waterFallList-content-listItem-picture-img {
|
|
709
778
|
width: 100%;
|
|
710
779
|
height: 100%;
|
|
711
780
|
-o-object-fit: cover;
|
|
712
781
|
object-fit: cover;
|
|
713
782
|
}
|
|
714
|
-
.
|
|
783
|
+
.waterFallList-content-listItem-info {
|
|
715
784
|
padding: 8px;
|
|
716
785
|
}
|
|
717
|
-
.
|
|
786
|
+
.waterFallList-content-listItem-info-title {
|
|
718
787
|
font-size: 13px;
|
|
719
788
|
line-height: 20px;
|
|
720
|
-
line-clamp: 2;
|
|
721
789
|
overflow: hidden;
|
|
722
790
|
text-overflow: ellipsis;
|
|
723
791
|
display: -webkit-box;
|
|
724
792
|
-webkit-box-orient: vertical;
|
|
793
|
+
line-clamp: 2;
|
|
725
794
|
-webkit-line-clamp: 2;
|
|
726
795
|
}
|
|
727
|
-
.
|
|
796
|
+
.waterFallList-content-listItem-info-nowrap {
|
|
728
797
|
line-clamp: 1 !important;
|
|
729
798
|
-webkit-line-clamp: 1 !important;
|
|
730
799
|
}
|
|
731
|
-
.
|
|
800
|
+
.waterFallList-content-listItem-info-price {
|
|
732
801
|
font-size: 13px;
|
|
733
802
|
line-height: 20px;
|
|
734
803
|
font-weight: bold;
|
|
735
804
|
}
|
|
736
|
-
.
|
|
805
|
+
.waterFallList-bottom {
|
|
737
806
|
position: absolute;
|
|
738
807
|
left: 0;
|
|
739
808
|
right: 0;
|
|
@@ -741,10 +810,9 @@
|
|
|
741
810
|
background-color: #fff;
|
|
742
811
|
-webkit-box-sizing: content-box;
|
|
743
812
|
box-sizing: content-box;
|
|
744
|
-
width: 100%;
|
|
745
813
|
height: 92px;
|
|
746
814
|
}
|
|
747
|
-
.
|
|
815
|
+
.waterFallList-btn-wrap {
|
|
748
816
|
position: absolute;
|
|
749
817
|
left: 0;
|
|
750
818
|
right: 0;
|
|
@@ -753,7 +821,7 @@
|
|
|
753
821
|
-webkit-box-sizing: border-box;
|
|
754
822
|
box-sizing: border-box;
|
|
755
823
|
}
|
|
756
|
-
.
|
|
824
|
+
.waterFallList-btn {
|
|
757
825
|
height: 52px;
|
|
758
826
|
width: 100%;
|
|
759
827
|
background: #000000;
|