s-material-react 2.2.66 → 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 (3) hide show
  1. package/css/pages/orderDetail.scss +202 -192
  2. package/css/pages/orderList.scss +1 -1
  3. package/package.json +2 -2
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
@@ -7,7 +7,7 @@
7
7
 
8
8
  .qj-tabs {
9
9
  position: sticky;
10
- top: 78px;
10
+ top: 74px;
11
11
  left: 0;
12
12
  z-index: 999;
13
13
  width: 100%;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "s-material-react",
3
- "version": "2.2.66",
3
+ "version": "2.2.67",
4
4
  "description": "'组件库'",
5
5
  "main": "dist/index.js",
6
6
  "sideEffects": [
@@ -16,7 +16,7 @@
16
16
  "start": "concurrently npm:start:*",
17
17
  "start:ts": "rollup -c -w",
18
18
  "start:css": "npx nodemon --config ./nodemon.json",
19
- "cp-css": "rm -rf css/ && mkdir -p ./css && cp -R src/scss/* ./css",
19
+ "cp-css": "node -e \"const fs=require('fs');const path=require('path');const src='src/scss';const dest='css';if(fs.existsSync(dest)){fs.rmSync(dest,{recursive:true})};fs.mkdirSync(dest);fs.readdirSync(src).forEach(f=>{const srcPath=path.join(src,f);const destPath=path.join(dest,f);if(fs.statSync(srcPath).isDirectory()){fs.cpSync(srcPath,destPath,{recursive:true})}else{fs.copyFileSync(srcPath,destPath)}}) \"",
20
20
  "build": "npm run cp-css && rm -rf dist/ && prettier --write src/ && rollup -c",
21
21
  "push": "git add . && git commit -m",
22
22
  "postpush": "git push",