s-material-react 2.2.38 → 2.2.40

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 (105) hide show
  1. package/README.md +5 -5
  2. package/css/basic/textLine.scss +13 -13
  3. package/css/common/addressItem.scss +91 -91
  4. package/css/common/card.scss +68 -68
  5. package/css/common/common.scss +7 -7
  6. package/css/common/countNum.scss +34 -34
  7. package/css/common/coupon.scss +96 -96
  8. package/css/common/evaluateItem.scss +58 -58
  9. package/css/common/icon.scss +255 -255
  10. package/css/common/index.scss +18 -18
  11. package/css/common/noData.scss +33 -33
  12. package/css/common/notice.scss +3 -3
  13. package/css/common/promotionItem.scss +87 -87
  14. package/css/common/rateItem.scss +72 -72
  15. package/css/common/refundGoodsDetail.scss +92 -92
  16. package/css/common/refundMsg.scss +90 -90
  17. package/css/common/refundOption.scss +32 -32
  18. package/css/common/stepNum.scss +21 -21
  19. package/css/common/tooltip.scss +89 -89
  20. package/css/common/uploading.scss +62 -62
  21. package/css/common/uploadingImg.scss +19 -19
  22. package/css/index.scss +3 -3
  23. package/css/pages/addressDetail.scss +79 -79
  24. package/css/pages/addressList.scss +71 -71
  25. package/css/pages/addressListGroup/addressListBtn.scss +15 -15
  26. package/css/pages/addressListGroup/index.scss +1 -1
  27. package/css/pages/afterSalesApplyGroup/afterSalesApply.scss +199 -199
  28. package/css/pages/afterSalesApplyGroup/index.scss +1 -1
  29. package/css/pages/afterSalesDetailGroup/afterSalesDetail.scss +203 -203
  30. package/css/pages/afterSalesDetailGroup/index.scss +1 -1
  31. package/css/pages/afterSalesListGroup/afterSalesList.scss +99 -99
  32. package/css/pages/afterSalesListGroup/index.scss +1 -1
  33. package/css/pages/afterSalesTypeGroup/afterSalesType.scss +126 -126
  34. package/css/pages/afterSalesTypeGroup/index.scss +1 -1
  35. package/css/pages/agreement.scss +13 -13
  36. package/css/pages/articleDetail.scss +26 -26
  37. package/css/pages/basic/backTopGroup/backTop.scss +3 -3
  38. package/css/pages/basic/backTopGroup/index.scss +1 -1
  39. package/css/pages/cart.scss +392 -392
  40. package/css/pages/classifyNavGroup/classifyNav.scss +19 -19
  41. package/css/pages/classifyNavGroup/classifyNavOne.scss +17 -17
  42. package/css/pages/classifyNavGroup/classifyNavThree.scss +36 -36
  43. package/css/pages/classifyNavGroup/classifyNavTwo.scss +28 -28
  44. package/css/pages/classifyNavGroup/index.scss +4 -4
  45. package/css/pages/collectionList.scss +137 -137
  46. package/css/pages/couponList.scss +237 -237
  47. package/css/pages/cube.scss +132 -132
  48. package/css/pages/evaluateDetail.scss +173 -173
  49. package/css/pages/evaluateEntry.scss +57 -57
  50. package/css/pages/evaluateList.scss +88 -88
  51. package/css/pages/expressinfo.scss +56 -56
  52. package/css/pages/footprint.scss +116 -116
  53. package/css/pages/goods.scss +92 -92
  54. package/css/pages/goodsClassifyGroup/goodsClassify.scss +160 -160
  55. package/css/pages/goodsClassifyGroup/goodsClassifyOne.scss +127 -127
  56. package/css/pages/goodsClassifyGroup/goodsClassifyTwo.scss +62 -62
  57. package/css/pages/goodsClassifyGroup/index.scss +3 -3
  58. package/css/pages/goodsDetail.scss +533 -533
  59. package/css/pages/goodsDetailGroup/GoodsDetailHandleBarOne.scss +61 -61
  60. package/css/pages/goodsDetailGroup/GoodsDetailInfoOne.scss +42 -42
  61. package/css/pages/goodsDetailGroup/index.scss +3 -3
  62. package/css/pages/goodsDetailGroup/share.scss +64 -64
  63. package/css/pages/goodsDetailTopInfo.scss +49 -49
  64. package/css/pages/goodsGroup/goodsSlider.scss +54 -54
  65. package/css/pages/goodsGroup/goodsSlideshow.scss +88 -88
  66. package/css/pages/goodsGroup/index.scss +2 -2
  67. package/css/pages/goodsList.scss +126 -126
  68. package/css/pages/index.scss +65 -65
  69. package/css/pages/lineGroup/index.scss +1 -1
  70. package/css/pages/lineGroup/textLine.scss +19 -19
  71. package/css/pages/marketingGroup/getCouponOne.scss +121 -121
  72. package/css/pages/marketingGroup/index.scss +2 -2
  73. package/css/pages/marketingGroup/promotionListTab.scss +10 -10
  74. package/css/pages/memberSignin.scss +121 -121
  75. package/css/pages/mine.scss +92 -92
  76. package/css/pages/mineData.scss +49 -49
  77. package/css/pages/mineFunction.scss +37 -37
  78. package/css/pages/mineOrderEntry.scss +50 -50
  79. package/css/pages/mySettingGroup/index.scss +1 -1
  80. package/css/pages/mySettingGroup/mySetting.scss +23 -23
  81. package/css/pages/noticeDetail.scss +23 -23
  82. package/css/pages/order-goodsItem.scss +20 -20
  83. package/css/pages/orderDetail.scss +192 -192
  84. package/css/pages/orderEntry.scss +46 -46
  85. package/css/pages/orderList.scss +115 -115
  86. package/css/pages/paymentMode.scss +75 -75
  87. package/css/pages/placeOrder.scss +152 -152
  88. package/css/pages/placeOrderGroup.scss +249 -249
  89. package/css/pages/placeOrderResult.scss +101 -101
  90. package/css/pages/refundGroup/index.scss +1 -1
  91. package/css/pages/refundGroup/refundAfter.scss +13 -13
  92. package/css/pages/refundOnlyGroup/index.scss +1 -1
  93. package/css/pages/refundOnlyGroup/refundOnly.scss +20 -20
  94. package/css/pages/search.scss +15 -15
  95. package/css/pages/searchPage.scss +78 -78
  96. package/css/pages/searchStyleTwo.scss +23 -23
  97. package/css/pages/service.scss +4 -4
  98. package/css/pages/signinDetail.scss +168 -168
  99. package/css/pages/slider.scss +78 -78
  100. package/css/pages/title.scss +6 -6
  101. package/css/theme/regular.scss +2 -2
  102. package/css/variables/default.scss +55 -55
  103. package/dist/components/basic/classify-nav-group/classify-nav/index.d.ts +0 -1
  104. package/dist/index.js +1 -1
  105. package/package.json +54 -54
@@ -1,33 +1,33 @@
1
- .noData {
2
- height: inherit;
3
- display: flex;
4
- flex-direction: column;
5
- align-items: center;
6
- justify-content: center;
7
-
8
- .img {
9
- display: block;
10
- margin: 0 auto 20px;
11
- }
12
-
13
- .title {
14
- color: #ccc;
15
- font-size: 16px;
16
- text-align: center;
17
- margin-bottom: 5px;
18
- }
19
-
20
- .subTitle {
21
- color: #ccc;
22
- font-size: 16px;
23
- text-align: center;
24
- margin-bottom: 5px;
25
- }
26
-
27
- .link {
28
- color: #aaaaaa;
29
- font-size: 20px;
30
- text-align: center;
31
- padding-top: 5px;
32
- }
33
- }
1
+ .noData {
2
+ height: inherit;
3
+ display: flex;
4
+ flex-direction: column;
5
+ align-items: center;
6
+ justify-content: center;
7
+
8
+ .img {
9
+ display: block;
10
+ margin: 0 auto 20px;
11
+ }
12
+
13
+ .title {
14
+ color: #ccc;
15
+ font-size: 16px;
16
+ text-align: center;
17
+ margin-bottom: 5px;
18
+ }
19
+
20
+ .subTitle {
21
+ color: #ccc;
22
+ font-size: 16px;
23
+ text-align: center;
24
+ margin-bottom: 5px;
25
+ }
26
+
27
+ .link {
28
+ color: #aaaaaa;
29
+ font-size: 20px;
30
+ text-align: center;
31
+ padding-top: 5px;
32
+ }
33
+ }
@@ -1,3 +1,3 @@
1
- //#noticebar-wrap .scroll-animate-item {
2
- // width: 100% !important;
3
- //}
1
+ //#noticebar-wrap .scroll-animate-item {
2
+ // width: 100% !important;
3
+ //}
@@ -1,87 +1,87 @@
1
- .promotionItem {
2
- display: flex;
3
- min-height: 120px;
4
- box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
5
- margin: 0 10px 10px;
6
- border-radius: 6px;
7
- overflow: hidden;
8
-
9
- .lPart {
10
- flex: 1;
11
- background: linear-gradient(270deg, #1a1922 0%, #383647 100%);
12
- border-radius: 6px;
13
- position: relative;
14
- padding-top: 20px;
15
-
16
- .round {
17
- width: 24px;
18
- height: 24px;
19
- border-radius: 100%;
20
- background-color: #ffffff;
21
- position: absolute;
22
- top: 50%;
23
- right: -12px;
24
- margin-top: -12px;
25
- }
26
-
27
- .tagBg {
28
- height: 26px;
29
- line-height: 26px;
30
- width: 200px;
31
- background: #ffffff;
32
- transform: rotate(-45deg);
33
- text-align: center;
34
- position: absolute;
35
- top: 14px;
36
- left: -72px;
37
-
38
- .txt {
39
- font-size: 14px;
40
- color: #394259;
41
- font-weight: 500;
42
- text-align: center;
43
- }
44
- }
45
-
46
- .rule {
47
- font-size: 24px;
48
- font-weight: 500;
49
- color: #ffffff;
50
- text-align: center;
51
- margin-bottom: 10px;
52
- }
53
-
54
- .title {
55
- font-size: 14px;
56
- font-weight: 400;
57
- color: #ffffff;
58
- text-align: center;
59
- display: block;
60
- margin-bottom: 10px;
61
- }
62
-
63
- .time {
64
- color: rgba(255, 255, 255, 0.45);
65
- font-size: 12px;
66
- text-align: center;
67
- display: block;
68
-
69
- .num {
70
- display: inline-block;
71
- }
72
- }
73
- }
74
-
75
- .rPart {
76
- width: 48px;
77
- padding: 4px 4px 4px 0;
78
-
79
- .sideBorder {
80
- border: 1px solid #c3c6cd;
81
- border-left: none;
82
- height: 100%;
83
- border-top-right-radius: 6px;
84
- border-bottom-right-radius: 6px;
85
- }
86
- }
87
- }
1
+ .promotionItem {
2
+ display: flex;
3
+ min-height: 120px;
4
+ box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
5
+ margin: 0 10px 10px;
6
+ border-radius: 6px;
7
+ overflow: hidden;
8
+
9
+ .lPart {
10
+ flex: 1;
11
+ background: linear-gradient(270deg, #1a1922 0%, #383647 100%);
12
+ border-radius: 6px;
13
+ position: relative;
14
+ padding-top: 20px;
15
+
16
+ .round {
17
+ width: 24px;
18
+ height: 24px;
19
+ border-radius: 100%;
20
+ background-color: #ffffff;
21
+ position: absolute;
22
+ top: 50%;
23
+ right: -12px;
24
+ margin-top: -12px;
25
+ }
26
+
27
+ .tagBg {
28
+ height: 26px;
29
+ line-height: 26px;
30
+ width: 200px;
31
+ background: #ffffff;
32
+ transform: rotate(-45deg);
33
+ text-align: center;
34
+ position: absolute;
35
+ top: 14px;
36
+ left: -72px;
37
+
38
+ .txt {
39
+ font-size: 14px;
40
+ color: #394259;
41
+ font-weight: 500;
42
+ text-align: center;
43
+ }
44
+ }
45
+
46
+ .rule {
47
+ font-size: 24px;
48
+ font-weight: 500;
49
+ color: #ffffff;
50
+ text-align: center;
51
+ margin-bottom: 10px;
52
+ }
53
+
54
+ .title {
55
+ font-size: 14px;
56
+ font-weight: 400;
57
+ color: #ffffff;
58
+ text-align: center;
59
+ display: block;
60
+ margin-bottom: 10px;
61
+ }
62
+
63
+ .time {
64
+ color: rgba(255, 255, 255, 0.45);
65
+ font-size: 12px;
66
+ text-align: center;
67
+ display: block;
68
+
69
+ .num {
70
+ display: inline-block;
71
+ }
72
+ }
73
+ }
74
+
75
+ .rPart {
76
+ width: 48px;
77
+ padding: 4px 4px 4px 0;
78
+
79
+ .sideBorder {
80
+ border: 1px solid #c3c6cd;
81
+ border-left: none;
82
+ height: 100%;
83
+ border-top-right-radius: 6px;
84
+ border-bottom-right-radius: 6px;
85
+ }
86
+ }
87
+ }
@@ -1,72 +1,72 @@
1
- .rateItem {
2
- padding-top: 17px;
3
- padding-bottom: 20px;
4
- border-bottom: 1px solid #e2e2e2;
5
-
6
- &:last-child {
7
- border-bottom: 0 none;
8
- }
9
-
10
- .topInfo {
11
- display: flex;
12
- justify-content: space-between;
13
- align-items: center;
14
- margin-bottom: 12px;
15
-
16
- .lPart {
17
- display: flex;
18
- justify-content: space-between;
19
- align-items: center;
20
-
21
- .avatar {
22
- width: 38px;
23
- height: 38px;
24
- border-radius: 50%;
25
- margin-right: 10px;
26
- }
27
- }
28
-
29
- .rPart {
30
- color: #999;
31
- font-size: 12px;
32
- }
33
- }
34
-
35
- .size {
36
- font-size: 12px;
37
- color: #333333;
38
- margin-bottom: 4px;
39
- }
40
-
41
- .pj-wrapper {
42
- display: flex;
43
- align-items: center;
44
- .flex-1 {
45
- width: 0;
46
- flex: 1;
47
- }
48
- .del-txt {
49
- flex-shrink: 0;
50
- display: inline-block;
51
- width: 40px;
52
- text-align: right;
53
- color: red;
54
- }
55
- }
56
-
57
- .content {
58
- color: #333333;
59
- font-size: 12px;
60
- }
61
-
62
- .merchant-reply {
63
- background: #f5f5f5;
64
- padding: 5px 10px;
65
- .merchant-reply-title {
66
- font-size: 14px;
67
- color: #333333;
68
- font-weight: 600;
69
- margin-right: 10px;
70
- }
71
- }
72
- }
1
+ .rateItem {
2
+ padding-top: 17px;
3
+ padding-bottom: 20px;
4
+ border-bottom: 1px solid #e2e2e2;
5
+
6
+ &:last-child {
7
+ border-bottom: 0 none;
8
+ }
9
+
10
+ .topInfo {
11
+ display: flex;
12
+ justify-content: space-between;
13
+ align-items: center;
14
+ margin-bottom: 12px;
15
+
16
+ .lPart {
17
+ display: flex;
18
+ justify-content: space-between;
19
+ align-items: center;
20
+
21
+ .avatar {
22
+ width: 38px;
23
+ height: 38px;
24
+ border-radius: 50%;
25
+ margin-right: 10px;
26
+ }
27
+ }
28
+
29
+ .rPart {
30
+ color: #999;
31
+ font-size: 12px;
32
+ }
33
+ }
34
+
35
+ .size {
36
+ font-size: 12px;
37
+ color: #333333;
38
+ margin-bottom: 4px;
39
+ }
40
+
41
+ .pj-wrapper {
42
+ display: flex;
43
+ align-items: center;
44
+ .flex-1 {
45
+ width: 0;
46
+ flex: 1;
47
+ }
48
+ .del-txt {
49
+ flex-shrink: 0;
50
+ display: inline-block;
51
+ width: 40px;
52
+ text-align: right;
53
+ color: red;
54
+ }
55
+ }
56
+
57
+ .content {
58
+ color: #333333;
59
+ font-size: 12px;
60
+ }
61
+
62
+ .merchant-reply {
63
+ background: #f5f5f5;
64
+ padding: 5px 10px;
65
+ .merchant-reply-title {
66
+ font-size: 14px;
67
+ color: #333333;
68
+ font-weight: 600;
69
+ margin-right: 10px;
70
+ }
71
+ }
72
+ }
@@ -1,92 +1,92 @@
1
- .refundGoodsDeatil {
2
- margin-top: 9px;
3
- background: #fff;
4
- padding: 30px 15px;
5
- font-size: 14px;
6
- font-weight: 500;
7
- border-radius: 10px;
8
- position: relative;
9
-
10
- @mixin textColor {
11
- color: rgb(135, 133, 133);
12
- }
13
-
14
- .goodsDeatilMsg {
15
- display: flex;
16
- justify-content: space-between;
17
- margin-top: 10px;
18
- position: relative;
19
-
20
- .goods_img {
21
- .img {
22
- width: 80px;
23
- height: 80px;
24
- }
25
- }
26
-
27
- .goods_content {
28
- .goods_text {
29
- display: flex;
30
- justify-content: space-between;
31
- font-size: 13px;
32
- margin: 0px 10px;
33
-
34
- .goods_title {
35
- display: -webkit-box; //弹性盒模型
36
- -webkit-box-orient: vertical; //上下垂直
37
- -webkit-line-clamp: 2; //自定义行数
38
- overflow: hidden;
39
- text-overflow: ellipsis;
40
- line-height: 20px;
41
- }
42
-
43
- .goods_price {
44
- margin-left: 10px;
45
- }
46
- }
47
-
48
- .goods_nums_btm {
49
- bottom: 8px;
50
- }
51
-
52
- .goods_nums_btm1 {
53
- bottom: 14px;
54
- }
55
-
56
- .goods_nums {
57
- display: flex;
58
- justify-content: space-between;
59
- margin: 0 10px;
60
-
61
- .goods_size {
62
- @include textColor;
63
- font-size: 11px;
64
- margin-top: 10px;
65
- }
66
-
67
- .nums_btn {
68
- display: flex;
69
- align-items: center;
70
- color: rgb(135, 133, 133);
71
-
72
- .icon_btn {
73
- margin-right: 10px;
74
- }
75
- }
76
- }
77
- }
78
-
79
- .help_btn {
80
- position: absolute;
81
- bottom: -11px;
82
- color: rgb(135, 133, 133);
83
- font-size: 10px;
84
- border: 1px solid rgb(135, 133, 133);
85
- right: 10px;
86
- padding: 5px;
87
- border-radius: 10px;
88
- background: #f9f9f9;
89
- box-shadow: 1px 1px 1px rgb(135, 133, 133);
90
- }
91
- }
92
- }
1
+ .refundGoodsDeatil {
2
+ margin-top: 9px;
3
+ background: #fff;
4
+ padding: 30px 15px;
5
+ font-size: 14px;
6
+ font-weight: 500;
7
+ border-radius: 10px;
8
+ position: relative;
9
+
10
+ @mixin textColor {
11
+ color: rgb(135, 133, 133);
12
+ }
13
+
14
+ .goodsDeatilMsg {
15
+ display: flex;
16
+ justify-content: space-between;
17
+ margin-top: 10px;
18
+ position: relative;
19
+
20
+ .goods_img {
21
+ .img {
22
+ width: 80px;
23
+ height: 80px;
24
+ }
25
+ }
26
+
27
+ .goods_content {
28
+ .goods_text {
29
+ display: flex;
30
+ justify-content: space-between;
31
+ font-size: 13px;
32
+ margin: 0px 10px;
33
+
34
+ .goods_title {
35
+ display: -webkit-box; //弹性盒模型
36
+ -webkit-box-orient: vertical; //上下垂直
37
+ -webkit-line-clamp: 2; //自定义行数
38
+ overflow: hidden;
39
+ text-overflow: ellipsis;
40
+ line-height: 20px;
41
+ }
42
+
43
+ .goods_price {
44
+ margin-left: 10px;
45
+ }
46
+ }
47
+
48
+ .goods_nums_btm {
49
+ bottom: 8px;
50
+ }
51
+
52
+ .goods_nums_btm1 {
53
+ bottom: 14px;
54
+ }
55
+
56
+ .goods_nums {
57
+ display: flex;
58
+ justify-content: space-between;
59
+ margin: 0 10px;
60
+
61
+ .goods_size {
62
+ @include textColor;
63
+ font-size: 11px;
64
+ margin-top: 10px;
65
+ }
66
+
67
+ .nums_btn {
68
+ display: flex;
69
+ align-items: center;
70
+ color: rgb(135, 133, 133);
71
+
72
+ .icon_btn {
73
+ margin-right: 10px;
74
+ }
75
+ }
76
+ }
77
+ }
78
+
79
+ .help_btn {
80
+ position: absolute;
81
+ bottom: -11px;
82
+ color: rgb(135, 133, 133);
83
+ font-size: 10px;
84
+ border: 1px solid rgb(135, 133, 133);
85
+ right: 10px;
86
+ padding: 5px;
87
+ border-radius: 10px;
88
+ background: #f9f9f9;
89
+ box-shadow: 1px 1px 1px rgb(135, 133, 133);
90
+ }
91
+ }
92
+ }