s-material-react 2.2.46 → 2.2.48

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 (101) hide show
  1. package/css/basic/textLine.scss +13 -13
  2. package/css/common/addressItem.scss +91 -91
  3. package/css/common/common.scss +7 -7
  4. package/css/common/countNum.scss +34 -34
  5. package/css/common/coupon.scss +97 -96
  6. package/css/common/evaluateItem.scss +58 -58
  7. package/css/common/icon.scss +255 -255
  8. package/css/common/index.scss +18 -18
  9. package/css/common/noData.scss +33 -33
  10. package/css/common/notice.scss +3 -3
  11. package/css/common/promotionItem.scss +87 -87
  12. package/css/common/rateItem.scss +72 -72
  13. package/css/common/refundGoodsDetail.scss +92 -92
  14. package/css/common/refundMsg.scss +90 -90
  15. package/css/common/refundOption.scss +32 -32
  16. package/css/common/stepNum.scss +21 -21
  17. package/css/common/tooltip.scss +89 -89
  18. package/css/common/uploading.scss +62 -62
  19. package/css/common/uploadingImg.scss +19 -19
  20. package/css/index.scss +3 -3
  21. package/css/pages/addressDetail.scss +79 -79
  22. package/css/pages/addressList.scss +71 -71
  23. package/css/pages/addressListGroup/addressListBtn.scss +15 -15
  24. package/css/pages/addressListGroup/index.scss +1 -1
  25. package/css/pages/afterSalesApplyGroup/afterSalesApply.scss +199 -199
  26. package/css/pages/afterSalesApplyGroup/index.scss +1 -1
  27. package/css/pages/afterSalesDetailGroup/afterSalesDetail.scss +203 -203
  28. package/css/pages/afterSalesDetailGroup/index.scss +1 -1
  29. package/css/pages/afterSalesListGroup/afterSalesList.scss +99 -99
  30. package/css/pages/afterSalesListGroup/index.scss +1 -1
  31. package/css/pages/afterSalesTypeGroup/afterSalesType.scss +126 -126
  32. package/css/pages/afterSalesTypeGroup/index.scss +1 -1
  33. package/css/pages/agreement.scss +13 -13
  34. package/css/pages/articleDetail.scss +26 -26
  35. package/css/pages/basic/backTopGroup/backTop.scss +3 -3
  36. package/css/pages/basic/backTopGroup/index.scss +1 -1
  37. package/css/pages/cart.scss +392 -392
  38. package/css/pages/classifyNavGroup/classifyNav.scss +19 -19
  39. package/css/pages/classifyNavGroup/classifyNavOne.scss +17 -17
  40. package/css/pages/classifyNavGroup/classifyNavThree.scss +36 -36
  41. package/css/pages/classifyNavGroup/classifyNavTwo.scss +28 -28
  42. package/css/pages/classifyNavGroup/index.scss +4 -4
  43. package/css/pages/collectionList.scss +137 -137
  44. package/css/pages/couponList.scss +237 -237
  45. package/css/pages/cube.scss +0 -1
  46. package/css/pages/evaluateDetail.scss +173 -173
  47. package/css/pages/evaluateEntry.scss +57 -57
  48. package/css/pages/evaluateList.scss +88 -88
  49. package/css/pages/expressinfo.scss +56 -56
  50. package/css/pages/footprint.scss +116 -116
  51. package/css/pages/goods.scss +92 -92
  52. package/css/pages/goodsClassifyGroup/goodsClassify.scss +160 -160
  53. package/css/pages/goodsClassifyGroup/goodsClassifyOne.scss +127 -127
  54. package/css/pages/goodsClassifyGroup/goodsClassifyTwo.scss +62 -62
  55. package/css/pages/goodsClassifyGroup/index.scss +3 -3
  56. package/css/pages/goodsDetail.scss +7 -3
  57. package/css/pages/goodsDetailGroup/GoodsDetailHandleBarOne.scss +61 -61
  58. package/css/pages/goodsDetailGroup/GoodsDetailInfoOne.scss +42 -42
  59. package/css/pages/goodsDetailGroup/index.scss +3 -3
  60. package/css/pages/goodsDetailGroup/share.scss +64 -64
  61. package/css/pages/goodsDetailTopInfo.scss +49 -49
  62. package/css/pages/goodsGroup/goodsSlider.scss +54 -54
  63. package/css/pages/goodsGroup/goodsSlideshow.scss +88 -88
  64. package/css/pages/goodsGroup/index.scss +2 -2
  65. package/css/pages/goodsList.scss +126 -126
  66. package/css/pages/index.scss +65 -65
  67. package/css/pages/lineGroup/index.scss +1 -1
  68. package/css/pages/lineGroup/textLine.scss +19 -19
  69. package/css/pages/marketingGroup/getCouponOne.scss +121 -121
  70. package/css/pages/marketingGroup/index.scss +2 -2
  71. package/css/pages/marketingGroup/promotionListTab.scss +10 -10
  72. package/css/pages/memberSignin.scss +121 -121
  73. package/css/pages/mine.scss +92 -92
  74. package/css/pages/mineData.scss +49 -49
  75. package/css/pages/mineFunction.scss +37 -37
  76. package/css/pages/mineOrderEntry.scss +50 -50
  77. package/css/pages/mySettingGroup/index.scss +1 -1
  78. package/css/pages/mySettingGroup/mySetting.scss +23 -23
  79. package/css/pages/noticeDetail.scss +23 -23
  80. package/css/pages/orderDetail.scss +192 -192
  81. package/css/pages/orderEntry.scss +46 -46
  82. package/css/pages/orderList.scss +7 -0
  83. package/css/pages/placeOrder.scss +152 -152
  84. package/css/pages/placeOrderGroup.scss +5 -1
  85. package/css/pages/placeOrderResult.scss +101 -101
  86. package/css/pages/refundGroup/index.scss +1 -1
  87. package/css/pages/refundGroup/refundAfter.scss +13 -13
  88. package/css/pages/refundOnlyGroup/index.scss +1 -1
  89. package/css/pages/refundOnlyGroup/refundOnly.scss +20 -20
  90. package/css/pages/search.scss +15 -15
  91. package/css/pages/searchPage.scss +78 -78
  92. package/css/pages/searchStyleTwo.scss +23 -23
  93. package/css/pages/service.scss +4 -4
  94. package/css/pages/signinDetail.scss +168 -168
  95. package/css/pages/slider.scss +78 -78
  96. package/css/pages/title.scss +6 -6
  97. package/css/theme/regular.scss +2 -2
  98. package/css/variables/default.scss +55 -55
  99. package/dist/index.js +1 -1
  100. package/dist/static/icon/index.d.ts +14 -14
  101. package/package.json +1 -1
package/css/pages/placeOrder.scss CHANGED
@@ -1,152 +1,152 @@
1
- .placeOrder {
2
- background-color: #f9f9f9;
3
- overflow: scroll;
4
-
5
- .coupon-select {
6
- background-color: #fff;
7
- margin-bottom: 12px;
8
- padding: 13px;
9
- border-radius: 8px;
10
- display: grid;
11
- grid-template-columns: 52px 1fr;
12
- font-size: 14px;
13
- .info {
14
- display: flex;
15
- justify-content: space-between;
16
-
17
- .label {
18
- color: #999;
19
- }
20
-
21
- .icon {
22
- cursor: pointer;
23
- width: 14px;
24
- height: 3px;
25
- margin-top: 10px;
26
- }
27
- }
28
- }
29
- .place-order-goods {
30
- padding: 12px 12px 1px 12px;
31
- background: #fff;
32
- margin-bottom: 8px;
33
- }
34
- .chooseAddress {
35
- background: #fff;
36
- padding: 0 12px;
37
- height: 58px;
38
- margin-bottom: 8px;
39
- .group {
40
- display: flex;
41
- justify-content: space-between;
42
- align-items: center;
43
- margin-bottom: 8px;
44
- line-height: 58px;
45
- .local {
46
- width: 17px;
47
- height: 16px;
48
- margin-right: 7px;
49
- //background-color: yellowgreen;
50
- display: inline-block;
51
- }
52
- .address {
53
- font-size: 14px;
54
- color: #000;
55
- }
56
- }
57
-
58
- .address-info {
59
- width: 100%;
60
- display: grid;
61
- grid-template-columns: 25px auto 50px;
62
- .left-title {
63
- display: flex;
64
- font-size: 14px;
65
- margin: 10px 0 4px 0;
66
- flex-basis: auto;
67
- }
68
- .left-padding {
69
- padding-left: 5px;
70
- }
71
- .left-title-default {
72
- background: #1a1922;
73
- font-size: 10px;
74
- color: #fff;
75
- padding: 2px 4px;
76
- margin-left: 5px;
77
- border-radius: 5px;
78
- }
79
- }
80
- .arrow {
81
- width: 6px;
82
- height: 10px;
83
- //background-color: yellowgreen;
84
- }
85
- }
86
-
87
- .blcWrap {
88
- margin-bottom: 8px;
89
- padding: 17px 12px;
90
- background-color: #fff;
91
-
92
- .title {
93
- font-size: 16px;
94
- font-weight: 500;
95
- color: #333333;
96
- margin-bottom: 17px;
97
- }
98
-
99
- .blcItem {
100
- display: flex;
101
- justify-content: space-between;
102
- margin-bottom: 17px;
103
-
104
- &:last-child {
105
- margin-bottom: 0;
106
- }
107
-
108
- .label {
109
- color: #333;
110
- }
111
-
112
- .value {
113
- color: #a7a7a7;
114
-
115
- .icon {
116
- width: 6px;
117
- height: 10px;
118
- display: inline-block;
119
- //background-color: yellowgreen;
120
- margin-left: 5px;
121
- }
122
- }
123
- }
124
- }
125
-
126
- .placeOrderFooter {
127
- background-color: #fff;
128
- height: 54px;
129
- line-height: 54px;
130
- display: flex;
131
- justify-content: space-between;
132
- padding: 0 12px;
133
- box-sizing: border-box;
134
- align-items: center;
135
-
136
- .price {
137
- font-size: 14px;
138
- color: #333333;
139
- }
140
-
141
- .btn {
142
- width: 105px;
143
- height: 40px;
144
- line-height: 40px;
145
- color: #ffffff;
146
- padding: 0 12px;
147
- background-color: #34c0bc;
148
- text-align: center;
149
- border-radius: 20px;
150
- }
151
- }
152
- }
1
+ .placeOrder {
2
+ background-color: #f9f9f9;
3
+ overflow: scroll;
4
+
5
+ .coupon-select {
6
+ background-color: #fff;
7
+ margin-bottom: 12px;
8
+ padding: 13px;
9
+ border-radius: 8px;
10
+ display: grid;
11
+ grid-template-columns: 52px 1fr;
12
+ font-size: 14px;
13
+ .info {
14
+ display: flex;
15
+ justify-content: space-between;
16
+
17
+ .label {
18
+ color: #999;
19
+ }
20
+
21
+ .icon {
22
+ cursor: pointer;
23
+ width: 14px;
24
+ height: 3px;
25
+ margin-top: 10px;
26
+ }
27
+ }
28
+ }
29
+ .place-order-goods {
30
+ padding: 12px 12px 1px 12px;
31
+ background: #fff;
32
+ margin-bottom: 8px;
33
+ }
34
+ .chooseAddress {
35
+ background: #fff;
36
+ padding: 0 12px;
37
+ height: 58px;
38
+ margin-bottom: 8px;
39
+ .group {
40
+ display: flex;
41
+ justify-content: space-between;
42
+ align-items: center;
43
+ margin-bottom: 8px;
44
+ line-height: 58px;
45
+ .local {
46
+ width: 17px;
47
+ height: 16px;
48
+ margin-right: 7px;
49
+ //background-color: yellowgreen;
50
+ display: inline-block;
51
+ }
52
+ .address {
53
+ font-size: 14px;
54
+ color: #000;
55
+ }
56
+ }
57
+
58
+ .address-info {
59
+ width: 100%;
60
+ display: grid;
61
+ grid-template-columns: 25px auto 50px;
62
+ .left-title {
63
+ display: flex;
64
+ font-size: 14px;
65
+ margin: 10px 0 4px 0;
66
+ flex-basis: auto;
67
+ }
68
+ .left-padding {
69
+ padding-left: 5px;
70
+ }
71
+ .left-title-default {
72
+ background: #1a1922;
73
+ font-size: 10px;
74
+ color: #fff;
75
+ padding: 2px 4px;
76
+ margin-left: 5px;
77
+ border-radius: 5px;
78
+ }
79
+ }
80
+ .arrow {
81
+ width: 6px;
82
+ height: 10px;
83
+ //background-color: yellowgreen;
84
+ }
85
+ }
86
+
87
+ .blcWrap {
88
+ margin-bottom: 8px;
89
+ padding: 17px 12px;
90
+ background-color: #fff;
91
+
92
+ .title {
93
+ font-size: 16px;
94
+ font-weight: 500;
95
+ color: #333333;
96
+ margin-bottom: 17px;
97
+ }
98
+
99
+ .blcItem {
100
+ display: flex;
101
+ justify-content: space-between;
102
+ margin-bottom: 17px;
103
+
104
+ &:last-child {
105
+ margin-bottom: 0;
106
+ }
107
+
108
+ .label {
109
+ color: #333;
110
+ }
111
+
112
+ .value {
113
+ color: #a7a7a7;
114
+
115
+ .icon {
116
+ width: 6px;
117
+ height: 10px;
118
+ display: inline-block;
119
+ //background-color: yellowgreen;
120
+ margin-left: 5px;
121
+ }
122
+ }
123
+ }
124
+ }
125
+
126
+ .placeOrderFooter {
127
+ background-color: #fff;
128
+ height: 54px;
129
+ line-height: 54px;
130
+ display: flex;
131
+ justify-content: space-between;
132
+ padding: 0 12px;
133
+ box-sizing: border-box;
134
+ align-items: center;
135
+
136
+ .price {
137
+ font-size: 14px;
138
+ color: #333333;
139
+ }
140
+
141
+ .btn {
142
+ width: 105px;
143
+ height: 40px;
144
+ line-height: 40px;
145
+ color: #ffffff;
146
+ padding: 0 12px;
147
+ background-color: #34c0bc;
148
+ text-align: center;
149
+ border-radius: 20px;
150
+ }
151
+ }
152
+ }
package/css/pages/placeOrderGroup.scss CHANGED
@@ -135,7 +135,10 @@ $radius: 8px;
135
135
 
136
136
  .card-item {
137
137
  grid-template-columns: 100px 1fr;
138
- margin-bottom: 0;
138
+ margin-bottom: 10px;
139
+ &:last-of-type {
140
+ margin-bottom: unset;
141
+ }
139
142
  }
140
143
 
141
144
  .card-item-img {
@@ -211,6 +214,7 @@ $radius: 8px;
211
214
  align-items: center;
212
215
  position: sticky;
213
216
  bottom: 0;
217
+ box-shadow: 0 -2px 10px 0 rgba(0, 0, 0, 0.05);
214
218
 
215
219
  .price {
216
220
  font-size: 14px;
package/css/pages/placeOrderResult.scss CHANGED
@@ -1,101 +1,101 @@
1
- .placeOrderResult {
2
- background-color: #f6f6f6;
3
- padding: 20px 12px 0;
4
- box-sizing: border-box;
5
-
6
- .placeOrderResultContent {
7
- background-color: #ffffff;
8
- border-radius: 8px;
9
- padding: 35px 17px 30px;
10
-
11
- .icon {
12
- width: 34px;
13
- height: 34px;
14
- display: block;
15
- //background-color: yellowgreen;
16
- margin: 0 auto 15px;
17
- }
18
-
19
- .tips {
20
- border-bottom: 1px solid #dcdcdc;
21
- padding-bottom: 27px;
22
-
23
- .title {
24
- font-size: 20px;
25
- font-weight: 600;
26
- display: block;
27
- margin: 0 auto;
28
- text-align: center;
29
- }
30
-
31
- .tip {
32
- font-size: 14px;
33
- display: block;
34
- width: 220px;
35
- margin: 0 auto;
36
- text-align: center;
37
- padding-top: 8px;
38
- }
39
- }
40
-
41
- //.title {
42
- // font-size: 20px;
43
- // font-weight: 600;
44
- // margin: 0 auto 23px;
45
- // padding-bottom: 27px;
46
- // display: block;
47
- // text-align: center;
48
- // border-bottom: 1px solid #DCDCDC;
49
- //}
50
-
51
- .placeOrderResultWrap {
52
- padding-top: 20px;
53
- margin-bottom: 44px;
54
- text-align: left;
55
-
56
- .placeOrderResultItem {
57
- display: grid;
58
- grid-template-columns: 70px 1fr;
59
- gap: 6px;
60
- margin-bottom: 10px;
61
-
62
- .label {
63
- font-size: 14px;
64
- color: #999;
65
- }
66
-
67
- .value {
68
- font-size: 14px;
69
- color: #000;
70
- }
71
- }
72
- }
73
-
74
- .btnGroup {
75
- display: grid;
76
- grid-template-columns: repeat(2, 1fr);
77
- gap: 10px;
78
-
79
- .btn {
80
- width: 100%;
81
- height: 40px;
82
- line-height: 40px;
83
- border-radius: 20px;
84
- text-align: center;
85
- box-sizing: border-box;
86
- border: 1px solid #000;
87
-
88
- &.black {
89
- background-color: #34c0bc;
90
- color: #fff;
91
- margin-left: 0;
92
- }
93
-
94
- &.white {
95
- background-color: #34c0bc;
96
- color: #000;
97
- }
98
- }
99
- }
100
- }
101
- }
1
+ .placeOrderResult {
2
+ background-color: #f6f6f6;
3
+ padding: 20px 12px 0;
4
+ box-sizing: border-box;
5
+
6
+ .placeOrderResultContent {
7
+ background-color: #ffffff;
8
+ border-radius: 8px;
9
+ padding: 35px 17px 30px;
10
+
11
+ .icon {
12
+ width: 34px;
13
+ height: 34px;
14
+ display: block;
15
+ //background-color: yellowgreen;
16
+ margin: 0 auto 15px;
17
+ }
18
+
19
+ .tips {
20
+ border-bottom: 1px solid #dcdcdc;
21
+ padding-bottom: 27px;
22
+
23
+ .title {
24
+ font-size: 20px;
25
+ font-weight: 600;
26
+ display: block;
27
+ margin: 0 auto;
28
+ text-align: center;
29
+ }
30
+
31
+ .tip {
32
+ font-size: 14px;
33
+ display: block;
34
+ width: 220px;
35
+ margin: 0 auto;
36
+ text-align: center;
37
+ padding-top: 8px;
38
+ }
39
+ }
40
+
41
+ //.title {
42
+ // font-size: 20px;
43
+ // font-weight: 600;
44
+ // margin: 0 auto 23px;
45
+ // padding-bottom: 27px;
46
+ // display: block;
47
+ // text-align: center;
48
+ // border-bottom: 1px solid #DCDCDC;
49
+ //}
50
+
51
+ .placeOrderResultWrap {
52
+ padding-top: 20px;
53
+ margin-bottom: 44px;
54
+ text-align: left;
55
+
56
+ .placeOrderResultItem {
57
+ display: grid;
58
+ grid-template-columns: 70px 1fr;
59
+ gap: 6px;
60
+ margin-bottom: 10px;
61
+
62
+ .label {
63
+ font-size: 14px;
64
+ color: #999;
65
+ }
66
+
67
+ .value {
68
+ font-size: 14px;
69
+ color: #000;
70
+ }
71
+ }
72
+ }
73
+
74
+ .btnGroup {
75
+ display: grid;
76
+ grid-template-columns: repeat(2, 1fr);
77
+ gap: 10px;
78
+
79
+ .btn {
80
+ width: 100%;
81
+ height: 40px;
82
+ line-height: 40px;
83
+ border-radius: 20px;
84
+ text-align: center;
85
+ box-sizing: border-box;
86
+ border: 1px solid #000;
87
+
88
+ &.black {
89
+ background-color: #34c0bc;
90
+ color: #fff;
91
+ margin-left: 0;
92
+ }
93
+
94
+ &.white {
95
+ background-color: #34c0bc;
96
+ color: #000;
97
+ }
98
+ }
99
+ }
100
+ }
101
+ }
package/css/pages/refundGroup/index.scss CHANGED
@@ -1 +1 @@
1
- @import './refundAfter.scss';
1
+ @import './refundAfter.scss';
package/css/pages/refundGroup/refundAfter.scss CHANGED
@@ -1,13 +1,13 @@
1
- @mixin boxStyle {
2
- background: #fff;
3
- border-radius: 5px;
4
- }
5
-
6
- .refundPage {
7
- padding: 15px 10px;
8
- background-color: #f6f6f6;
9
-
10
- .goodsMsg {
11
- @include boxStyle;
12
- }
13
- }
1
+ @mixin boxStyle {
2
+ background: #fff;
3
+ border-radius: 5px;
4
+ }
5
+
6
+ .refundPage {
7
+ padding: 15px 10px;
8
+ background-color: #f6f6f6;
9
+
10
+ .goodsMsg {
11
+ @include boxStyle;
12
+ }
13
+ }
package/css/pages/refundOnlyGroup/index.scss CHANGED
@@ -1 +1 @@
1
- @import './refundOnly.scss';
1
+ @import './refundOnly.scss';
package/css/pages/refundOnlyGroup/refundOnly.scss CHANGED
@@ -1,20 +1,20 @@
1
- .refundOnlyPage {
2
- background-color: #f6f6f6;
3
- padding: 15px 10px;
4
-
5
- .refundTip {
6
- @include boxStyle;
7
- color: rgb(220, 45, 45);
8
- font-size: 12px;
9
- padding: 10px 15px;
10
- text-align: center;
11
- }
12
-
13
- .refundMsg_style {
14
- margin-top: 15px;
15
- }
16
-
17
- .refundUploading {
18
- margin-top: 15px;
19
- }
20
- }
1
+ .refundOnlyPage {
2
+ background-color: #f6f6f6;
3
+ padding: 15px 10px;
4
+
5
+ .refundTip {
6
+ @include boxStyle;
7
+ color: rgb(220, 45, 45);
8
+ font-size: 12px;
9
+ padding: 10px 15px;
10
+ text-align: center;
11
+ }
12
+
13
+ .refundMsg_style {
14
+ margin-top: 15px;
15
+ }
16
+
17
+ .refundUploading {
18
+ margin-top: 15px;
19
+ }
20
+ }
package/css/pages/search.scss CHANGED
@@ -1,15 +1,15 @@
1
- .boxPosition {
2
- position: sticky;
3
- top: 0;
4
- padding-top: 0 !important;
5
- z-index: 99;
6
- }
7
- .search-weight {
8
- font-weight: 600;
9
- }
10
- .search-italic {
11
- font-style: italic;
12
- }
13
- .search-decoration {
14
- text-decoration: underline;
15
- }
1
+ .boxPosition {
2
+ position: sticky;
3
+ top: 0;
4
+ padding-top: 0 !important;
5
+ z-index: 99;
6
+ }
7
+ .search-weight {
8
+ font-weight: 600;
9
+ }
10
+ .search-italic {
11
+ font-style: italic;
12
+ }
13
+ .search-decoration {
14
+ text-decoration: underline;
15
+ }