s-material-react 1.3.19 → 1.3.21

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 (64) hide show
  1. package/css/basic/textLine.scss +10 -10
  2. package/css/common/addressItem.scss +74 -74
  3. package/css/common/card.scss +42 -42
  4. package/css/common/coupon.scss +82 -82
  5. package/css/common/evaluateItem.scss +51 -51
  6. package/css/common/icon.scss +59 -59
  7. package/css/common/noData.scss +27 -27
  8. package/css/common/rateItem.scss +35 -35
  9. package/css/common/stepNum.scss +16 -16
  10. package/css/pages/addressDetail.scss +59 -59
  11. package/css/pages/addressList.scss +43 -41
  12. package/css/pages/cart.scss +161 -161
  13. package/css/pages/classifyNav.scss +15 -15
  14. package/css/pages/couponList.scss +198 -197
  15. package/css/pages/cube.scss +49 -49
  16. package/css/pages/evaluateDetail.scss +57 -57
  17. package/css/pages/evaluateEntry.scss +52 -52
  18. package/css/pages/evaluateList.scss +22 -22
  19. package/css/pages/goods.scss +79 -79
  20. package/css/pages/goodsClassify.scss +129 -109
  21. package/css/pages/goodsDetail.scss +380 -380
  22. package/css/pages/goodsDetailTopInfo.scss +40 -40
  23. package/css/pages/goodsList.scss +62 -63
  24. package/css/pages/index.scss +6 -3
  25. package/css/pages/mine.scss +72 -72
  26. package/css/pages/mineData.scss +48 -0
  27. package/css/pages/mineFunction.scss +35 -0
  28. package/css/pages/mineOrderEntry.scss +46 -0
  29. package/css/pages/order-goodsItem.scss +12 -12
  30. package/css/pages/orderDetail.scss +123 -123
  31. package/css/pages/orderEntry.scss +36 -36
  32. package/css/pages/orderList.scss +60 -60
  33. package/css/pages/paymentMode.scss +62 -61
  34. package/css/pages/placeOrder.scss +130 -130
  35. package/css/pages/placeOrderResult.scss +81 -81
  36. package/css/pages/searchPage.scss +65 -65
  37. package/css/pages/service.scss +2 -2
  38. package/css/pages/slider.scss +15 -15
  39. package/css/pages/title.scss +1 -1
  40. package/dist/common/scrollWrap/index.d.ts +1 -2
  41. package/dist/components/AddressDetail/index.d.ts +11 -1
  42. package/dist/components/AddressList/index.d.ts +10 -2
  43. package/dist/components/CouponList/components/couponItem.d.ts +9 -0
  44. package/dist/components/CouponList/components/index.d.ts +1 -3
  45. package/dist/components/CouponList/index.d.ts +8 -1
  46. package/dist/components/EvaluateDetail/index.d.ts +9 -2
  47. package/dist/components/GoodsClassify/components/classifyFloor.d.ts +1 -0
  48. package/dist/components/MineData/index.d.ts +8 -0
  49. package/dist/components/MineFunction/index.d.ts +1 -0
  50. package/dist/components/MineOrderEntry/index.d.ts +1 -0
  51. package/dist/components/OrderDetail/component/footer.d.ts +4 -0
  52. package/dist/components/OrderDetail/index.d.ts +13 -1
  53. package/dist/components/PaymentMode/index.d.ts +10 -2
  54. package/dist/components/PlaceOrder/components/operate.d.ts +4 -0
  55. package/dist/components/PlaceOrder/components/shop.d.ts +2 -1
  56. package/dist/components/PlaceOrder/index.d.ts +7 -0
  57. package/dist/components/PlaceOrderResult/index.d.ts +17 -2
  58. package/dist/components/SearchPage/index.d.ts +4 -1
  59. package/dist/components/index.d.ts +3 -0
  60. package/dist/index.js +1 -1
  61. package/package.json +2 -2
  62. package/dist/components/CouponList/components/overdue.d.ts +0 -5
  63. package/dist/components/CouponList/components/unUsed.d.ts +0 -5
  64. package/dist/components/CouponList/components/used.d.ts +0 -5
package/css/pages/placeOrder.scss CHANGED
@@ -1,153 +1,153 @@
1
1
  .placeOrder {
2
- background-color: #f9f9f9;
3
- overflow: scroll;
2
+ background-color: #f9f9f9;
3
+ overflow: scroll;
4
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;
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
13
 
14
- .info {
15
- display: flex;
16
- justify-content: space-between;
14
+ .info {
15
+ display: flex;
16
+ justify-content: space-between;
17
17
 
18
- .label {
19
- color: #999;
20
- }
18
+ .label {
19
+ color: #999;
20
+ }
21
21
 
22
- .icon {
23
- cursor: pointer;
24
- width: 14px;
25
- height: 3px;
26
- margin-top: 10px;
27
- }
28
- }
22
+ .icon {
23
+ cursor: pointer;
24
+ width: 14px;
25
+ height: 3px;
26
+ margin-top: 10px;
27
+ }
29
28
  }
30
- .place-order-goods {
31
- padding: 12px 12px 1px 12px;
32
- background: #fff;
33
- margin-bottom: 8px;
29
+ }
30
+ .place-order-goods {
31
+ padding: 12px 12px 1px 12px;
32
+ background: #fff;
33
+ margin-bottom: 8px;
34
+ }
35
+ .chooseAddress {
36
+ background: #fff;
37
+ padding: 0 12px;
38
+ height: 58px;
39
+ margin-bottom: 8px;
40
+ .group {
41
+ display: flex;
42
+ justify-content: space-between;
43
+ align-items: center;
44
+ margin-bottom: 8px;
45
+ line-height: 58px;
46
+ .local {
47
+ width: 17px;
48
+ height: 16px;
49
+ margin-right: 7px;
50
+ //background-color: yellowgreen;
51
+ display: inline-block;
52
+ }
53
+ .address {
54
+ font-size: 14px;
55
+ color: #000;
56
+ }
34
57
  }
35
- .chooseAddress {
36
- background: #fff;
37
- padding: 0 12px;
38
- height: 58px;
39
- margin-bottom: 8px;
40
- .group {
41
- display: flex;
42
- justify-content: space-between;
43
- align-items: center;
44
- margin-bottom: 8px;
45
- line-height: 58px;
46
- .local {
47
- width: 17px;
48
- height: 16px;
49
- margin-right: 7px;
50
- //background-color: yellowgreen;
51
- display: inline-block;
52
- }
53
- .address {
54
- font-size: 14px;
55
- color: #000;
56
- }
57
- }
58
58
 
59
- .address-info {
60
- width: 100%;
61
- display: grid;
62
- grid-template-columns: 25px auto 50px;
63
- .left-title {
64
- display: flex;
65
- font-size: 14px;
66
- margin: 10px 0 4px 0;
67
- flex-basis: auto;
68
- }
69
- .left-padding {
70
- padding-left: 5px;
71
- }
72
- .left-title-default {
73
- background: #1a1922;
74
- font-size: 10px;
75
- color: #fff;
76
- padding: 2px 4px;
77
- margin-left: 5px;
78
- border-radius: 5px;
79
- }
80
- }
81
- .arrow {
82
- width: 6px;
83
- height: 10px;
84
- //background-color: yellowgreen;
85
- }
59
+ .address-info {
60
+ width: 100%;
61
+ display: grid;
62
+ grid-template-columns: 25px auto 50px;
63
+ .left-title {
64
+ display: flex;
65
+ font-size: 14px;
66
+ margin: 10px 0 4px 0;
67
+ flex-basis: auto;
68
+ }
69
+ .left-padding {
70
+ padding-left: 5px;
71
+ }
72
+ .left-title-default {
73
+ background: #1a1922;
74
+ font-size: 10px;
75
+ color: #fff;
76
+ padding: 2px 4px;
77
+ margin-left: 5px;
78
+ border-radius: 5px;
79
+ }
86
80
  }
81
+ .arrow {
82
+ width: 6px;
83
+ height: 10px;
84
+ //background-color: yellowgreen;
85
+ }
86
+ }
87
87
 
88
- .blcWrap {
89
- margin-bottom: 8px;
90
- padding: 17px 12px;
91
- background-color: #fff;
88
+ .blcWrap {
89
+ margin-bottom: 8px;
90
+ padding: 17px 12px;
91
+ background-color: #fff;
92
92
 
93
- .title {
94
- font-size: 16px;
95
- font-weight: 500;
96
- color: #333333;
97
- margin-bottom: 17px;
98
- }
93
+ .title {
94
+ font-size: 16px;
95
+ font-weight: 500;
96
+ color: #333333;
97
+ margin-bottom: 17px;
98
+ }
99
99
 
100
- .blcItem {
101
- display: flex;
102
- justify-content: space-between;
103
- margin-bottom: 17px;
100
+ .blcItem {
101
+ display: flex;
102
+ justify-content: space-between;
103
+ margin-bottom: 17px;
104
104
 
105
- &:last-child {
106
- margin-bottom: 0;
107
- }
105
+ &:last-child {
106
+ margin-bottom: 0;
107
+ }
108
108
 
109
- .label {
110
- color: #333;
111
- }
109
+ .label {
110
+ color: #333;
111
+ }
112
112
 
113
- .value {
114
- color: #a7a7a7;
113
+ .value {
114
+ color: #a7a7a7;
115
115
 
116
- .icon {
117
- width: 6px;
118
- height: 10px;
119
- display: inline-block;
120
- //background-color: yellowgreen;
121
- margin-left: 5px;
122
- }
123
- }
116
+ .icon {
117
+ width: 6px;
118
+ height: 10px;
119
+ display: inline-block;
120
+ //background-color: yellowgreen;
121
+ margin-left: 5px;
124
122
  }
123
+ }
125
124
  }
125
+ }
126
126
 
127
- .placeOrderFooter {
128
- background-color: #fff;
129
- height: 54px;
130
- line-height: 54px;
131
- display: flex;
132
- justify-content: space-between;
133
- padding: 0 12px;
134
- box-sizing: border-box;
135
- align-items: center;
127
+ .placeOrderFooter {
128
+ background-color: #fff;
129
+ height: 54px;
130
+ line-height: 54px;
131
+ display: flex;
132
+ justify-content: space-between;
133
+ padding: 0 12px;
134
+ box-sizing: border-box;
135
+ align-items: center;
136
136
 
137
- .price {
138
- font-size: 14px;
139
- color: #333333;
140
- }
137
+ .price {
138
+ font-size: 14px;
139
+ color: #333333;
140
+ }
141
141
 
142
- .btn {
143
- width: 105px;
144
- height: 40px;
145
- line-height: 40px;
146
- color: #ffffff;
147
- padding: 0 12px;
148
- background-color: #000;
149
- text-align: center;
150
- border-radius: 20px;
151
- }
142
+ .btn {
143
+ width: 105px;
144
+ height: 40px;
145
+ line-height: 40px;
146
+ color: #ffffff;
147
+ padding: 0 12px;
148
+ background-color: #000;
149
+ text-align: center;
150
+ border-radius: 20px;
152
151
  }
152
+ }
153
153
  }
package/css/pages/placeOrderResult.scss CHANGED
@@ -1,100 +1,100 @@
1
1
  .placeOrderResult {
2
- background-color: #f6f6f6;
3
- padding: 20px 12px 0;
4
- box-sizing: border-box;
2
+ background-color: #f6f6f6;
3
+ padding: 20px 12px 0;
4
+ box-sizing: border-box;
5
5
 
6
- .placeOrderResultContent {
7
- background-color: #ffffff;
8
- border-radius: 8px;
9
- padding: 35px 17px 30px;
6
+ .placeOrderResultContent {
7
+ background-color: #ffffff;
8
+ border-radius: 8px;
9
+ padding: 35px 17px 30px;
10
10
 
11
- .icon {
12
- width: 34px;
13
- height: 34px;
14
- display: block;
15
- //background-color: yellowgreen;
16
- margin: 0 auto 15px;
17
- }
11
+ .icon {
12
+ width: 34px;
13
+ height: 34px;
14
+ display: block;
15
+ //background-color: yellowgreen;
16
+ margin: 0 auto 15px;
17
+ }
18
18
 
19
- .tips {
20
- border-bottom: 1px solid #dcdcdc;
21
- padding-bottom: 27px;
19
+ .tips {
20
+ border-bottom: 1px solid #dcdcdc;
21
+ padding-bottom: 27px;
22
22
 
23
- .title {
24
- font-size: 20px;
25
- font-weight: 600;
26
- display: block;
27
- margin: 0 auto;
28
- text-align: center;
29
- }
23
+ .title {
24
+ font-size: 20px;
25
+ font-weight: 600;
26
+ display: block;
27
+ margin: 0 auto;
28
+ text-align: center;
29
+ }
30
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
- }
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
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
- //}
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
50
 
51
- .placeOrderResultWrap {
52
- padding-top: 20px;
53
- margin-bottom: 44px;
51
+ .placeOrderResultWrap {
52
+ padding-top: 20px;
53
+ margin-bottom: 44px;
54
54
 
55
- .placeOrderResultItem {
56
- display: grid;
57
- grid-template-columns: 70px 1fr;
58
- gap: 6px;
59
- margin-bottom: 10px;
55
+ .placeOrderResultItem {
56
+ display: grid;
57
+ grid-template-columns: 70px 1fr;
58
+ gap: 6px;
59
+ margin-bottom: 10px;
60
60
 
61
- .label {
62
- font-size: 14px;
63
- color: #999;
64
- }
61
+ .label {
62
+ font-size: 14px;
63
+ color: #999;
64
+ }
65
65
 
66
- .value {
67
- font-size: 14px;
68
- color: #000;
69
- }
70
- }
66
+ .value {
67
+ font-size: 14px;
68
+ color: #000;
71
69
  }
70
+ }
71
+ }
72
72
 
73
- .btnGroup {
74
- display: grid;
75
- grid-template-columns: repeat(2, 1fr);
76
- gap: 10px;
73
+ .btnGroup {
74
+ display: grid;
75
+ grid-template-columns: repeat(2, 1fr);
76
+ gap: 10px;
77
77
 
78
- .btn {
79
- width: 100%;
80
- height: 40px;
81
- line-height: 40px;
82
- border-radius: 20px;
83
- text-align: center;
84
- box-sizing: border-box;
85
- border: 1px solid #000;
78
+ .btn {
79
+ width: 100%;
80
+ height: 40px;
81
+ line-height: 40px;
82
+ border-radius: 20px;
83
+ text-align: center;
84
+ box-sizing: border-box;
85
+ border: 1px solid #000;
86
86
 
87
- &.black {
88
- background-color: #000;
89
- color: #fff;
90
- margin-left: 0;
91
- }
87
+ &.black {
88
+ background-color: #000;
89
+ color: #fff;
90
+ margin-left: 0;
91
+ }
92
92
 
93
- &.white {
94
- background-color: #fff;
95
- color: #000;
96
- }
97
- }
93
+ &.white {
94
+ background-color: #fff;
95
+ color: #000;
98
96
  }
97
+ }
99
98
  }
99
+ }
100
100
  }
package/css/pages/searchPage.scss CHANGED
@@ -1,77 +1,77 @@
1
1
  .searchPage {
2
- .search-title {
3
- padding: 10px 15px 5px 15px;
4
- width: 100%;
5
- box-sizing: border-box;
6
- border-bottom: 1px solid #ececec;
7
- display: grid;
8
- grid-template-columns: 28px 1fr 40px;
2
+ .search-title {
3
+ padding: 10px 15px 5px 15px;
4
+ width: 100%;
5
+ box-sizing: border-box;
6
+ border-bottom: 1px solid #ececec;
7
+ display: grid;
8
+ grid-template-columns: 28px 1fr 40px;
9
9
 
10
- img {
11
- width: 18px;
12
- height: 18px;
13
- margin-right: 10px;
14
- display: block;
15
- margin-top: 7px;
16
- }
17
-
18
- .content {
19
- height: 34px;
20
- line-height: 34px;
21
- border: 0 none;
22
- background: transparent;
23
- }
10
+ img {
11
+ width: 18px;
12
+ height: 18px;
13
+ margin-right: 10px;
14
+ display: block;
15
+ margin-top: 7px;
16
+ }
24
17
 
25
- .btn {
26
- color: #000;
27
- font-size: 14px;
28
- width: 40px;
29
- text-align: right;
30
- height: 34px;
31
- line-height: 34px;
32
- }
18
+ .content {
19
+ height: 34px;
20
+ line-height: 34px;
21
+ border: 0 none;
22
+ background: transparent;
33
23
  }
34
24
 
35
- .historyWrap {
36
- .title {
37
- height: 61px;
38
- line-height: 61px;
39
- display: flex;
40
- justify-content: space-between;
41
- padding: 0 20px;
25
+ .btn {
26
+ color: #000;
27
+ font-size: 14px;
28
+ width: 40px;
29
+ text-align: right;
30
+ height: 34px;
31
+ line-height: 34px;
32
+ }
33
+ }
42
34
 
43
- .label {
44
- font-size: 15px;
45
- color: #666;
35
+ .historyWrap {
36
+ .title {
37
+ height: 61px;
38
+ line-height: 61px;
39
+ display: flex;
40
+ justify-content: space-between;
41
+ padding: 0 20px;
46
42
 
47
- .icon {
48
- display: inline-block;
49
- width: 2px;
50
- height: 8px;
51
- background-color: #666;
52
- margin-right: 9px;
53
- }
54
- }
43
+ .label {
44
+ font-size: 15px;
45
+ color: #666;
55
46
 
56
- .clear {
57
- font-size: 12px;
58
- color: #666;
59
- }
47
+ .icon {
48
+ display: inline-block;
49
+ width: 2px;
50
+ height: 8px;
51
+ background-color: #666;
52
+ margin-right: 9px;
60
53
  }
54
+ }
61
55
 
62
- .content {
63
- padding: 0 10px;
64
- .historyItem {
65
- height: 24px;
66
- line-height: 24px;
67
- background-color: #f9f9f9;
68
- color: #666;
69
- margin-right: 10px;
70
- margin-bottom: 10px;
71
- display: inline-block;
72
- padding: 2px 20px;
73
- border-radius: 10px;
74
- }
75
- }
56
+ .clear {
57
+ font-size: 12px;
58
+ color: #666;
59
+ }
60
+ }
61
+
62
+ .content {
63
+ padding: 0 10px;
64
+ .historyItem {
65
+ height: 24px;
66
+ line-height: 24px;
67
+ background-color: #f9f9f9;
68
+ color: #666;
69
+ margin-right: 10px;
70
+ margin-bottom: 10px;
71
+ display: inline-block;
72
+ padding: 2px 20px;
73
+ border-radius: 10px;
74
+ }
76
75
  }
76
+ }
77
77
  }
package/css/pages/service.scss CHANGED
@@ -1,4 +1,4 @@
1
1
  .components-service {
2
- background-color: red;
3
- position: absolute;
2
+ background-color: red;
3
+ position: absolute;
4
4
  }
package/css/pages/slider.scss CHANGED
@@ -1,23 +1,23 @@
1
1
  .slider-block {
2
- height: 100vh;
3
- width: 100%;
4
- overflow: hidden;
5
- background-size: cover;
6
- background-repeat: no-repeat;
7
- background-position: center center;
2
+ height: 100vh;
3
+ width: 100%;
4
+ overflow: hidden;
5
+ background-size: cover;
6
+ background-repeat: no-repeat;
7
+ background-position: center center;
8
8
  }
9
9
 
10
10
  swiper-item {
11
- display: flex;
12
- justify-content: center;
13
- align-items: center;
11
+ display: flex;
12
+ justify-content: center;
13
+ align-items: center;
14
14
  }
15
15
 
16
16
  .pc {
17
- height: 600px;
18
- width: 100%;
19
- overflow: hidden;
20
- background-size: cover;
21
- background-repeat: no-repeat;
22
- background-position: center center;
17
+ height: 600px;
18
+ width: 100%;
19
+ overflow: hidden;
20
+ background-size: cover;
21
+ background-repeat: no-repeat;
22
+ background-position: center center;
23
23
  }
package/css/pages/title.scss CHANGED
@@ -1,3 +1,3 @@
1
1
  .components-title {
2
- word-break: break-all;
2
+ word-break: break-all;
3
3
  }
package/dist/common/scrollWrap/index.d.ts CHANGED
@@ -1,8 +1,7 @@
1
1
  import React, { ReactNode } from 'react';
2
2
  interface ScrollWrapType {
3
- propId: string;
3
+ id: string;
4
4
  bottomHeight?: string;
5
- scrollFn: any;
6
5
  children: ReactNode;
7
6
  }
8
7
  export declare const ScrollWrap: React.FC<ScrollWrapType>;