s-material-react 2.2.65 → 2.2.67

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 (6) hide show
  1. package/css/pages/goodsDetail.scss +644 -644
  2. package/css/pages/orderDetail.scss +202 -192
  3. package/css/pages/orderList.scss +135 -135
  4. package/css/pages/placeOrderGroup.scss +370 -370
  5. package/css/pages/placeOrderResult.scss +2 -2
  6. package/package.json +1 -1
package/css/pages/orderDetail.scss CHANGED
@@ -1,192 +1,202 @@
1
- @import './order-goodsItem.scss';
2
-
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
- .icon_text {
16
- display: flex;
17
- justify-content: center;
18
- align-items: center;
19
- }
20
-
21
- .title {
22
- font-size: 18px;
23
- color: #fff;
24
- }
25
-
26
- .subTitleWrap {
27
- color: #fff;
28
- position: relative;
29
- left: 100px;
30
- margin-top: 20px;
31
-
32
- .subTitleIcon {
33
- width: 19px;
34
- height: 19px;
35
- display: inline-block;
36
- }
37
-
38
- .subTitle {
39
- font-size: 18px;
40
- color: #fff;
41
- }
42
- }
43
- }
44
- }
45
-
46
- .orderDetailContent {
47
- background-color: #f6f6f6;
48
-
49
- .addressInfo {
50
- background: #fff;
51
- border-radius: 8px;
52
- margin: 0 12px 12px;
53
- padding: 17px 14px;
54
- display: grid;
55
- grid-template-columns: 14px 1fr 30px;
56
- gap: 7px;
57
- position: relative;
58
- //top: -26px;
59
-
60
- .lPart {
61
- .icon {
62
- width: 14px;
63
- height: 14px;
64
- }
65
- }
66
-
67
- .cPart {
68
- font-size: 14px;
69
- }
70
-
71
- .rPart {
72
- .icon {
73
- width: 6px;
74
- height: 10px;
75
- margin-top: 18px;
76
- }
77
- }
78
- }
79
-
80
- .orderDetailGoodsWrap {
81
- background: #fff;
82
- border-radius: 8px;
83
- margin: 0 12px 12px;
84
- padding: 17px 14px 0;
85
-
86
- .orderDetailGoodsItem {
87
- margin-bottom: 12px;
88
-
89
- .mainInfo {
90
- grid-template-columns: 126px 1fr;
91
- }
92
- }
93
-
94
- .orderBtn {
95
- display: block;
96
- min-width: 72px;
97
- height: 28px;
98
- font-size: 12px;
99
- line-height: 28px;
100
- border: 1px solid #34c0bc;
101
- color: #fff;
102
- text-align: center;
103
- border-radius: 20px;
104
- margin-left: 79%;
105
- background-color: #34c0bc;
106
- }
107
- .maxWidth {
108
- width: 140px;
109
- margin-left: 59%;
110
- }
111
-
112
- .priceInfo {
113
- margin-top: 13px;
114
- border-top: 1px solid #dcdcdc;
115
- padding: 18px 0 13px;
116
-
117
- .priceInfoFloor {
118
- display: flex;
119
- justify-content: space-between;
120
- color: #999;
121
- margin-bottom: 6px;
122
- }
123
-
124
- .top {
125
- font-size: 14px;
126
- font-weight: 400;
127
- color: #000;
128
- }
129
- }
130
- }
131
-
132
- .express {
133
- background: #fff;
134
- border-radius: 8px;
135
- margin: 0 12px 12px;
136
- padding: 13px 14px;
137
- display: flex;
138
- justify-content: space-between;
139
-
140
- .label {
141
- font-size: 14px;
142
- color: #000;
143
- }
144
-
145
- .name {
146
- color: #999;
147
- }
148
- }
149
-
150
- .orderInfo {
151
- background: #fff;
152
- border-radius: 8px;
153
- margin: 0 12px 12px;
154
- padding: 13px 14px;
155
-
156
- .context_copy {
157
- display: flex;
158
- align-items: center;
159
-
160
- .copy {
161
- font-size: 12px;
162
- padding: 0 4px;
163
- margin-left: 5px;
164
- color: #fff;
165
- background-color: #34c0bc;
166
- border-color: #34c0bc;
167
- border-radius: 10px;
168
- }
169
- }
170
-
171
- .orderInfoItem {
172
- font-size: 12px;
173
- margin-bottom: 8px;
174
- display: flex;
175
- align-items: center;
176
- justify-content: space-between;
177
- //grid-template-columns: 70px auto;
178
- .label {
179
- font-size: 12px;
180
- color: #999;
181
- }
182
- &.container-img-top {
183
- align-items: flex-start;
184
- }
185
- }
186
- }
187
-
188
- .btnGroupFooter {
189
- padding: 13px 14px;
190
- }
191
- }
192
- }
1
+ @import './order-goodsItem.scss';
2
+
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
+ .icon_text {
16
+ display: flex;
17
+ justify-content: center;
18
+ align-items: center;
19
+ }
20
+
21
+ .title {
22
+ font-size: 18px;
23
+ color: #fff;
24
+ }
25
+
26
+ .qrTitle {
27
+ font-size: 40px;
28
+ color: #fff;
29
+ }
30
+
31
+ .subTitleWrap {
32
+ color: #fff;
33
+ position: relative;
34
+ left: 100px;
35
+ margin-top: 20px;
36
+
37
+ .subTitleIcon {
38
+ width: 19px;
39
+ height: 19px;
40
+ display: inline-block;
41
+ }
42
+
43
+ .subTitle {
44
+ font-size: 18px;
45
+ color: #fff;
46
+ }
47
+ }
48
+ }
49
+ }
50
+
51
+ .orderDetailContent {
52
+ background-color: #f6f6f6;
53
+
54
+ .addressInfo {
55
+ background: #fff;
56
+ border-radius: 8px;
57
+ margin: 0 12px 12px;
58
+ padding: 17px 14px;
59
+ display: grid;
60
+ grid-template-columns: 14px 1fr 30px;
61
+ gap: 7px;
62
+ position: relative;
63
+ //top: -26px;
64
+
65
+ .lPart {
66
+ .icon {
67
+ width: 14px;
68
+ height: 14px;
69
+ }
70
+ }
71
+
72
+ .cPart {
73
+ font-size: 14px;
74
+ }
75
+
76
+ .rPart {
77
+ .icon {
78
+ width: 6px;
79
+ height: 10px;
80
+ margin-top: 18px;
81
+ }
82
+ }
83
+ .personInfoNew{
84
+ display: flex;
85
+ align-items: center;
86
+ justify-content: space-between;
87
+ }
88
+ }
89
+
90
+ .orderDetailGoodsWrap {
91
+ background: #fff;
92
+ border-radius: 8px;
93
+ margin: 0 12px 12px;
94
+ padding: 17px 14px 0;
95
+
96
+ .orderDetailGoodsItem {
97
+ margin-bottom: 12px;
98
+
99
+ .mainInfo {
100
+ grid-template-columns: 126px 1fr;
101
+ }
102
+ }
103
+
104
+ .orderBtn {
105
+ display: block;
106
+ min-width: 72px;
107
+ height: 28px;
108
+ font-size: 12px;
109
+ line-height: 28px;
110
+ border: 1px solid #34c0bc;
111
+ color: #fff;
112
+ text-align: center;
113
+ border-radius: 20px;
114
+ margin-left: 79%;
115
+ background-color: #34c0bc;
116
+ }
117
+ .maxWidth {
118
+ width: 140px;
119
+ margin-left: 59%;
120
+ }
121
+
122
+ .priceInfo {
123
+ margin-top: 13px;
124
+ border-top: 1px solid #dcdcdc;
125
+ padding: 18px 0 13px;
126
+
127
+ .priceInfoFloor {
128
+ display: flex;
129
+ justify-content: space-between;
130
+ color: #999;
131
+ margin-bottom: 6px;
132
+ }
133
+
134
+ .top {
135
+ font-size: 14px;
136
+ font-weight: 400;
137
+ color: #000;
138
+ }
139
+ }
140
+ }
141
+
142
+ .express {
143
+ background: #fff;
144
+ border-radius: 8px;
145
+ margin: 0 12px 12px;
146
+ padding: 13px 14px;
147
+ display: flex;
148
+ justify-content: space-between;
149
+
150
+ .label {
151
+ font-size: 14px;
152
+ color: #000;
153
+ }
154
+
155
+ .name {
156
+ color: #999;
157
+ }
158
+ }
159
+
160
+ .orderInfo {
161
+ background: #fff;
162
+ border-radius: 8px;
163
+ margin: 0 12px 12px;
164
+ padding: 13px 14px;
165
+
166
+ .context_copy {
167
+ display: flex;
168
+ align-items: center;
169
+
170
+ .copy {
171
+ font-size: 12px;
172
+ padding: 0 4px;
173
+ margin-left: 5px;
174
+ color: #fff;
175
+ background-color: #34c0bc;
176
+ border-color: #34c0bc;
177
+ border-radius: 10px;
178
+ }
179
+ }
180
+
181
+ .orderInfoItem {
182
+ font-size: 12px;
183
+ margin-bottom: 8px;
184
+ display: flex;
185
+ align-items: center;
186
+ justify-content: space-between;
187
+ //grid-template-columns: 70px auto;
188
+ .label {
189
+ font-size: 12px;
190
+ color: #999;
191
+ }
192
+ &.container-img-top {
193
+ align-items: flex-start;
194
+ }
195
+ }
196
+ }
197
+
198
+ .btnGroupFooter {
199
+ padding: 13px 14px;
200
+ }
201
+ }
202
+ }
package/css/pages/orderList.scss CHANGED
@@ -1,135 +1,135 @@
1
- @import './order-goodsItem.scss';
2
-
3
- .order-container {
4
- height: 100%;
5
- display: flex;
6
- flex-direction: column;
7
-
8
- .qj-tabs {
9
- position: sticky;
10
- top: 78px;
11
- left: 0;
12
- z-index: 999;
13
- width: 100%;
14
- background: #F0F4F7;
15
- .default-item {
16
- font-size: 11px;
17
- }
18
- .default-item {
19
- border-width: 0;
20
- color: #333333;
21
- }
22
- .actived-item {
23
- color: #34c0bc;
24
- border-color: #34c0bc !important;
25
- border-width: 2px;
26
- }
27
- }
28
-
29
- .orderList {
30
- flex: 1;
31
- overflow-y: auto;
32
- .tabTitle {
33
- --title-font-size: 15px;
34
- }
35
-
36
- .orderListItemWrap {
37
- //overflow-y: auto;
38
- //margin-bottom: 20px;
39
- .nodata_img {
40
- width: 100%;
41
- display: flex;
42
- flex-direction: column;
43
- justify-content: center;
44
- align-items: center;
45
-
46
- .img {
47
- width: 200px;
48
- height: 200px;
49
- margin-top: 20px;
50
- }
51
- }
52
-
53
- .nodata-btn {
54
- margin-top: 20px;
55
- width: 150px;
56
- height: 50px;
57
- line-height: 50px;
58
- text-align: center;
59
- background-color: #34c0bc;
60
- color: #ffffff;
61
- border-radius: 30px;
62
- font-size: 18px;
63
- }
64
-
65
- .orderListItem {
66
- margin-left: 12px;
67
- margin-right: 12px;
68
- background: #fff;
69
- padding: 15px 15px 10px 15px;
70
- border-radius: 10px;
71
-
72
- .topInfo {
73
- display: flex;
74
- height: 20px;
75
- line-height: 20px;
76
- justify-content: space-between;
77
- margin-bottom: 12px;
78
- align-items: center;
79
-
80
- .orderNo {
81
- font-size: 14px;
82
- display: flex;
83
- align-items: center;
84
-
85
- .copy {
86
- color: #fff;
87
- padding: 0 4px;
88
- margin-left: 5px;
89
- background-color: #34c0bc;
90
- border-color: #34c0bc;
91
- border-radius: 2px;
92
- font-size: 12px;
93
- }
94
- }
95
-
96
- .status {
97
- font-size: 14px;
98
- font-weight: bold;
99
- color: #ff1643;
100
- }
101
- }
102
-
103
- .goodsItemWrap {
104
- padding-bottom: 6px;
105
- margin-bottom: 10px;
106
-
107
- .card-item {
108
- margin-top: 10px;
109
- &:first-of-type {
110
- margin-top: unset;
111
- }
112
- }
113
- }
114
-
115
- .allInfo {
116
- display: flex;
117
- justify-content: space-between;
118
- margin-bottom: 10px;
119
- margin-top: 10px;
120
-
121
- .totalNum {
122
- font-size: 12px;
123
- color: #999;
124
- }
125
-
126
- .totalPrice {
127
- font-size: 14px;
128
- color: #000;
129
- line-height: 20px;
130
- }
131
- }
132
- }
133
- }
134
- }
135
- }
1
+ @import './order-goodsItem.scss';
2
+
3
+ .order-container {
4
+ height: 100%;
5
+ display: flex;
6
+ flex-direction: column;
7
+
8
+ .qj-tabs {
9
+ position: sticky;
10
+ top: 74px;
11
+ left: 0;
12
+ z-index: 999;
13
+ width: 100%;
14
+ background: #f0f4f7;
15
+ .default-item {
16
+ font-size: 11px;
17
+ }
18
+ .default-item {
19
+ border-width: 0;
20
+ color: #333333;
21
+ }
22
+ .actived-item {
23
+ color: #34c0bc;
24
+ border-color: #34c0bc !important;
25
+ border-width: 2px;
26
+ }
27
+ }
28
+
29
+ .orderList {
30
+ flex: 1;
31
+ overflow-y: auto;
32
+ .tabTitle {
33
+ --title-font-size: 15px;
34
+ }
35
+
36
+ .orderListItemWrap {
37
+ //overflow-y: auto;
38
+ //margin-bottom: 20px;
39
+ .nodata_img {
40
+ width: 100%;
41
+ display: flex;
42
+ flex-direction: column;
43
+ justify-content: center;
44
+ align-items: center;
45
+
46
+ .img {
47
+ width: 200px;
48
+ height: 200px;
49
+ margin-top: 20px;
50
+ }
51
+ }
52
+
53
+ .nodata-btn {
54
+ margin-top: 20px;
55
+ width: 150px;
56
+ height: 50px;
57
+ line-height: 50px;
58
+ text-align: center;
59
+ background-color: #34c0bc;
60
+ color: #ffffff;
61
+ border-radius: 30px;
62
+ font-size: 18px;
63
+ }
64
+
65
+ .orderListItem {
66
+ margin-left: 12px;
67
+ margin-right: 12px;
68
+ background: #fff;
69
+ padding: 15px 15px 10px 15px;
70
+ border-radius: 10px;
71
+
72
+ .topInfo {
73
+ display: flex;
74
+ height: 20px;
75
+ line-height: 20px;
76
+ justify-content: space-between;
77
+ margin-bottom: 12px;
78
+ align-items: center;
79
+
80
+ .orderNo {
81
+ font-size: 14px;
82
+ display: flex;
83
+ align-items: center;
84
+
85
+ .copy {
86
+ color: #fff;
87
+ padding: 0 4px;
88
+ margin-left: 5px;
89
+ background-color: #34c0bc;
90
+ border-color: #34c0bc;
91
+ border-radius: 2px;
92
+ font-size: 12px;
93
+ }
94
+ }
95
+
96
+ .status {
97
+ font-size: 14px;
98
+ font-weight: bold;
99
+ color: #ff1643;
100
+ }
101
+ }
102
+
103
+ .goodsItemWrap {
104
+ padding-bottom: 6px;
105
+ margin-bottom: 10px;
106
+
107
+ .card-item {
108
+ margin-top: 10px;
109
+ &:first-of-type {
110
+ margin-top: unset;
111
+ }
112
+ }
113
+ }
114
+
115
+ .allInfo {
116
+ display: flex;
117
+ justify-content: space-between;
118
+ margin-bottom: 10px;
119
+ margin-top: 10px;
120
+
121
+ .totalNum {
122
+ font-size: 12px;
123
+ color: #999;
124
+ }
125
+
126
+ .totalPrice {
127
+ font-size: 14px;
128
+ color: #000;
129
+ line-height: 20px;
130
+ }
131
+ }
132
+ }
133
+ }
134
+ }
135
+ }