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/orderDetail.scss CHANGED
@@ -1,138 +1,138 @@
1
1
  @import './order-goodsItem.scss';
2
2
 
3
3
  .orderDetail {
4
- .orderDetailTopTitle {
5
- width: 100%;
6
- height: 182px;
7
- background: linear-gradient(360deg, #585858 0%, #2d2d2d 100%);
8
- box-shadow: 0 2px 20px 0 rgba(227, 227, 227, 0.5);
9
- text-align: center;
10
- display: flex;
11
- justify-content: center;
12
- align-items: center;
13
-
14
- .orderDetailTopTitleContent {
15
- .title {
16
- font-size: 18px;
17
- color: #fff;
18
- }
19
-
20
- .subTitleWrap {
21
- .subTitleIcon {
22
- width: 19px;
23
- height: 19px;
24
- display: inline-block;
25
- }
26
-
27
- .subTitle {
28
- font-size: 18px;
29
- color: #fff;
30
- }
31
- }
4
+ .orderDetailTopTitle {
5
+ width: 100%;
6
+ height: 182px;
7
+ //background: linear-gradient(360deg, #585858 0%, #2d2d2d 100%);
8
+ box-shadow: 0 2px 20px 0 rgba(227, 227, 227, 0.5);
9
+ text-align: center;
10
+ display: flex;
11
+ justify-content: center;
12
+ align-items: center;
13
+
14
+ .orderDetailTopTitleContent {
15
+ .title {
16
+ font-size: 18px;
17
+ color: #fff;
18
+ }
19
+
20
+ .subTitleWrap {
21
+ .subTitleIcon {
22
+ width: 19px;
23
+ height: 19px;
24
+ display: inline-block;
32
25
  }
33
- }
34
26
 
35
- .orderDetailContent {
36
- background-color: #f6f6f6;
37
- .addressInfo {
38
- background: #fff;
39
- border-radius: 8px;
40
- margin: 0 12px 12px;
41
- padding: 17px 14px;
42
- display: grid;
43
- grid-template-columns: 14px 1fr 6px;
44
- gap: 7px;
45
- position: relative;
46
- //top: -26px;
47
-
48
- .lPart {
49
- .icon {
50
- width: 14px;
51
- height: 14px;
52
- }
53
- }
54
-
55
- .cPart {
56
- font-size: 14px;
57
- }
58
-
59
- .rPart {
60
- .icon {
61
- width: 6px;
62
- height: 10px;
63
- margin-top: 18px;
64
- }
65
- }
27
+ .subTitle {
28
+ font-size: 18px;
29
+ color: #fff;
66
30
  }
67
-
68
- .orderDetailGoodsWrap {
69
- background: #fff;
70
- border-radius: 8px;
71
- margin: 0 12px 12px;
72
- padding: 17px 14px 0;
73
-
74
- .orderDetailGoodsItem {
75
- margin-bottom: 12px;
76
-
77
- .mainInfo {
78
- grid-template-columns: 126px 1fr;
79
- }
80
- }
81
-
82
- .priceInfo {
83
- margin-top: 20px;
84
- border-top: 1px solid #dcdcdc;
85
- padding: 18px 0 13px;
86
-
87
- .priceInfoFloor {
88
- display: flex;
89
- justify-content: space-between;
90
- color: #999;
91
- margin-bottom: 6px;
92
- }
93
-
94
- .top {
95
- font-size: 14px;
96
- font-weight: 400;
97
- color: #000;
98
- }
99
- }
31
+ }
32
+ }
33
+ }
34
+
35
+ .orderDetailContent {
36
+ background-color: #f6f6f6;
37
+ .addressInfo {
38
+ background: #fff;
39
+ border-radius: 8px;
40
+ margin: 0 12px 12px;
41
+ padding: 17px 14px;
42
+ display: grid;
43
+ grid-template-columns: 14px 1fr 6px;
44
+ gap: 7px;
45
+ position: relative;
46
+ //top: -26px;
47
+
48
+ .lPart {
49
+ .icon {
50
+ width: 14px;
51
+ height: 14px;
100
52
  }
53
+ }
54
+
55
+ .cPart {
56
+ font-size: 14px;
57
+ }
101
58
 
102
- .express {
103
- background: #fff;
104
- border-radius: 8px;
105
- margin: 0 12px 12px;
106
- padding: 13px 14px;
107
- display: flex;
108
- justify-content: space-between;
109
-
110
- .label {
111
- font-size: 14px;
112
- color: #000;
113
- }
114
-
115
- .name {
116
- color: #999;
117
- }
59
+ .rPart {
60
+ .icon {
61
+ width: 6px;
62
+ height: 10px;
63
+ margin-top: 18px;
118
64
  }
65
+ }
66
+ }
67
+
68
+ .orderDetailGoodsWrap {
69
+ background: #fff;
70
+ border-radius: 8px;
71
+ margin: 0 12px 12px;
72
+ padding: 17px 14px 0;
73
+
74
+ .orderDetailGoodsItem {
75
+ margin-bottom: 12px;
119
76
 
120
- .orderInfo {
121
- background: #fff;
122
- border-radius: 8px;
123
- margin: 0 12px 12px;
124
- padding: 13px 14px;
125
-
126
- .orderInfoItem {
127
- font-size: 14px;
128
- margin-bottom: 6px;
129
- display: grid;
130
- grid-template-columns: 70px auto;
131
- }
77
+ .mainInfo {
78
+ grid-template-columns: 126px 1fr;
79
+ }
80
+ }
81
+
82
+ .priceInfo {
83
+ margin-top: 20px;
84
+ border-top: 1px solid #dcdcdc;
85
+ padding: 18px 0 13px;
86
+
87
+ .priceInfoFloor {
88
+ display: flex;
89
+ justify-content: space-between;
90
+ color: #999;
91
+ margin-bottom: 6px;
132
92
  }
133
93
 
134
- .btnGroupFooter {
135
- padding: 13px 14px;
94
+ .top {
95
+ font-size: 14px;
96
+ font-weight: 400;
97
+ color: #000;
136
98
  }
99
+ }
100
+ }
101
+
102
+ .express {
103
+ background: #fff;
104
+ border-radius: 8px;
105
+ margin: 0 12px 12px;
106
+ padding: 13px 14px;
107
+ display: flex;
108
+ justify-content: space-between;
109
+
110
+ .label {
111
+ font-size: 14px;
112
+ color: #000;
113
+ }
114
+
115
+ .name {
116
+ color: #999;
117
+ }
118
+ }
119
+
120
+ .orderInfo {
121
+ background: #fff;
122
+ border-radius: 8px;
123
+ margin: 0 12px 12px;
124
+ padding: 13px 14px;
125
+
126
+ .orderInfoItem {
127
+ font-size: 14px;
128
+ margin-bottom: 6px;
129
+ display: grid;
130
+ grid-template-columns: 70px auto;
131
+ }
132
+ }
133
+
134
+ .btnGroupFooter {
135
+ padding: 13px 14px;
137
136
  }
137
+ }
138
138
  }
package/css/pages/orderEntry.scss CHANGED
@@ -1,46 +1,46 @@
1
1
  .orderEntry {
2
- background: #fff;
3
- box-shadow: 0 0 10px 0 rgba(231, 227, 227, 0.5);
4
- border-radius: 8px;
2
+ background: #fff;
3
+ box-shadow: 0 0 10px 0 rgba(231, 227, 227, 0.5);
4
+ border-radius: 8px;
5
5
 
6
- .title {
7
- height: 46px;
8
- line-height: 46px;
9
- display: flex;
10
- justify-content: space-between;
11
- border: 1px solid #f8f8f8;
6
+ .title {
7
+ height: 46px;
8
+ line-height: 46px;
9
+ display: flex;
10
+ justify-content: space-between;
11
+ border: 1px solid #f8f8f8;
12
12
 
13
- .name {
14
- font-size: 15px;
15
- margin-left: 13px;
16
- font-weight: bold;
17
- }
13
+ .name {
14
+ font-size: 15px;
15
+ margin-left: 13px;
16
+ font-weight: bold;
17
+ }
18
18
 
19
- .more {
20
- font-size: 12px;
21
- margin-right: 13px;
22
- }
19
+ .more {
20
+ font-size: 12px;
21
+ margin-right: 13px;
23
22
  }
23
+ }
24
24
 
25
- .content {
26
- display: grid;
27
- grid-template-columns: repeat(5, 1fr);
28
- height: 73px;
29
- text-align: center;
30
- padding-top: 14px;
25
+ .content {
26
+ display: grid;
27
+ grid-template-columns: repeat(5, 1fr);
28
+ height: 73px;
29
+ text-align: center;
30
+ padding-top: 14px;
31
31
 
32
- .contentItem {
33
- .icon {
34
- font-size: 22px !important;
35
- font-weight: 500 !important;
36
- display: block;
37
- margin: 0 auto 7px;
38
- }
32
+ .contentItem {
33
+ .icon {
34
+ font-size: 22px !important;
35
+ font-weight: 500 !important;
36
+ display: block;
37
+ margin: 0 auto 7px;
38
+ }
39
39
 
40
- .subTitle {
41
- display: block;
42
- font-size: 11px;
43
- }
44
- }
40
+ .subTitle {
41
+ display: block;
42
+ font-size: 11px;
43
+ }
45
44
  }
45
+ }
46
46
  }
package/css/pages/orderList.scss CHANGED
@@ -1,74 +1,74 @@
1
1
  @import './order-goodsItem.scss';
2
2
 
3
3
  .order-container {
4
- margin-bottom: 20px;
5
- overflow: hidden;
6
- background: #f5f5f5;
7
- .qj-tabs {
8
- background: #fff;
4
+ margin-bottom: 20px;
5
+ overflow: hidden;
6
+ background: #f5f5f5;
7
+ .qj-tabs {
8
+ background: #fff;
9
+ }
10
+ .orderList {
11
+ .tabTitle {
12
+ --title-font-size: 15px;
9
13
  }
10
- .orderList {
11
- .tabTitle {
12
- --title-font-size: 15px;
13
- }
14
- .orderListItemWrap {
15
- //overflow-y: auto;
16
- margin-bottom: 20px;
17
- .orderListItem {
18
- margin: 12px;
19
- background: #fff;
20
- padding: 15px 15px 10px 15px;
21
- border-radius: 8px;
22
- .topInfo {
23
- display: flex;
24
- height: 20px;
25
- line-height: 20px;
26
- justify-content: space-between;
27
- margin-bottom: 12px;
14
+ .orderListItemWrap {
15
+ //overflow-y: auto;
16
+ margin-bottom: 20px;
17
+ .orderListItem {
18
+ margin: 12px;
19
+ background: #fff;
20
+ padding: 15px 15px 10px 15px;
21
+ border-radius: 8px;
22
+ .topInfo {
23
+ display: flex;
24
+ height: 20px;
25
+ line-height: 20px;
26
+ justify-content: space-between;
27
+ margin-bottom: 12px;
28
28
 
29
- .orderNo {
30
- font-size: 12px;
29
+ .orderNo {
30
+ font-size: 12px;
31
31
 
32
- .copy {
33
- font-size: 9px;
34
- padding: 0 4px;
35
- margin-left: 5px;
36
- color: #999;
37
- border-color: #999;
38
- border-radius: 10px;
39
- }
40
- }
32
+ .copy {
33
+ font-size: 9px;
34
+ padding: 0 4px;
35
+ margin-left: 5px;
36
+ color: #999;
37
+ border-color: #999;
38
+ border-radius: 10px;
39
+ }
40
+ }
41
41
 
42
- .status {
43
- font-size: 14px;
44
- font-weight: bold;
45
- color: #ff1643;
46
- }
47
- }
42
+ .status {
43
+ font-size: 14px;
44
+ font-weight: bold;
45
+ color: #ff1643;
46
+ }
47
+ }
48
48
 
49
- .goodsItemWrap {
50
- padding-bottom: 6px;
51
- border-bottom: 1px solid #f0f0f0;
52
- margin-bottom: 10px;
53
- }
49
+ .goodsItemWrap {
50
+ padding-bottom: 6px;
51
+ border-bottom: 1px solid #f0f0f0;
52
+ margin-bottom: 10px;
53
+ }
54
54
 
55
- .allInfo {
56
- display: flex;
57
- justify-content: space-between;
58
- margin-bottom: 14px;
55
+ .allInfo {
56
+ display: flex;
57
+ justify-content: space-between;
58
+ margin-bottom: 14px;
59
59
 
60
- .totalNum {
61
- font-size: 12px;
62
- color: #999;
63
- }
60
+ .totalNum {
61
+ font-size: 12px;
62
+ color: #999;
63
+ }
64
64
 
65
- .totalPrice {
66
- font-size: 14px;
67
- color: #000;
68
- line-height: 20px;
69
- }
70
- }
71
- }
65
+ .totalPrice {
66
+ font-size: 14px;
67
+ color: #000;
68
+ line-height: 20px;
69
+ }
72
70
  }
71
+ }
73
72
  }
73
+ }
74
74
  }
package/css/pages/paymentMode.scss CHANGED
@@ -1,75 +1,76 @@
1
1
  .paymentModeWrap {
2
- background-color: #fff;
3
-
4
- .paymentMode {
5
- padding-bottom: 65px;
6
- box-sizing: border-box;
7
- height: inherit;
8
- overflow: scroll;
2
+ background-color: #fff;
9
3
 
10
- .topInfo {
11
- padding: 24px 12px 22px;
12
- border-bottom: 10px solid #fafafa;
4
+ .paymentMode {
5
+ padding-bottom: 65px;
6
+ box-sizing: border-box;
7
+ height: inherit;
8
+ overflow: scroll;
13
9
 
14
- .title {
15
- font-size: 18px;
16
- margin-bottom: 13px;
17
- display: flex;
18
- align-items: center;
19
- .icon {
20
- margin-right: 5px;
21
- }
22
- }
10
+ .topInfo {
11
+ padding: 24px 12px 22px;
12
+ border-bottom: 10px solid #fafafa;
23
13
 
24
- .info {
25
- color: #7a7a7a;
26
- font-size: 12px;
27
- }
14
+ .title {
15
+ font-size: 18px;
16
+ margin-bottom: 13px;
17
+ display: flex;
18
+ align-items: center;
19
+ .icon {
20
+ margin-right: 5px;
28
21
  }
22
+ }
23
+
24
+ .info {
25
+ color: #7a7a7a;
26
+ font-size: 12px;
27
+ }
28
+ }
29
29
 
30
- .paymentGroup {
31
- .paymentItem {
32
- padding: 16px;
33
- border-bottom: 1px solid #f5f5f5;
34
- display: grid;
35
- grid-template-columns: 20px 1fr;
36
- gap: 8px;
30
+ .paymentGroup {
31
+ .paymentItem {
32
+ padding: 16px;
33
+ border-bottom: 1px solid #f5f5f5;
34
+ display: grid;
35
+ grid-template-columns: 20px 1fr;
36
+ gap: 8px;
37
37
 
38
- .base,
39
- .info {
40
- display: flex;
41
- justify-content: space-between;
42
- }
43
- .info {
44
- padding-top: 20px;
45
- }
38
+ .base,
39
+ .info {
40
+ display: flex;
41
+ justify-content: space-between;
42
+ }
43
+ .info {
44
+ padding-top: 20px;
45
+ }
46
46
 
47
- .icon {
48
- font-size: 20px;
49
- }
50
- }
47
+ .icon {
48
+ font-size: 20px;
51
49
  }
50
+ }
52
51
  }
52
+ }
53
53
 
54
- .btnGroup {
55
- width: 100%;
56
- padding: 10px;
57
- box-sizing: border-box;
58
- position: sticky;
59
- bottom: 0px;
60
- background-color: #fff;
61
- margin-top: -54px;
54
+ .btnGroup {
55
+ width: 100%;
56
+ padding: 10px;
57
+ box-sizing: border-box;
58
+ position: sticky;
59
+ bottom: 0px;
60
+ background-color: #fff;
61
+ margin-top: -54px;
62
62
 
63
- .payment {
64
- width: 100%;
65
- background-color: #000;
66
- height: 34px;
67
- line-height: 34px;
68
- color: #fff;
69
- font-size: 14px;
70
- border-radius: 20px;
71
- text-align: center;
72
- cursor: pointer;
73
- }
63
+ .payment {
64
+ border: 1px solid;
65
+ width: 100%;
66
+ //background-color: #000;
67
+ height: 34px;
68
+ line-height: 34px;
69
+ //color: #fff;
70
+ font-size: 14px;
71
+ //border-radius: 20px;
72
+ text-align: center;
73
+ cursor: pointer;
74
74
  }
75
+ }
75
76
  }