pb-sxp-ui 1.0.77 → 1.0.78

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