Przeglądaj źródła

美团订单页面

Liuqi 3 lat temu
rodzic
commit
7bd597af97

+ 15 - 15
app.wxss

@@ -131,7 +131,7 @@ rich-text .richImg{
131
 }
131
 }
132
 
132
 
133
 /*卡片样式*/
133
 /*卡片样式*/
134
-.joli-card {
134
+.jl-card {
135
   border-radius: 24rpx;
135
   border-radius: 24rpx;
136
   background: #fff;
136
   background: #fff;
137
   padding: 30rpx 28rpx 0;
137
   padding: 30rpx 28rpx 0;
@@ -139,24 +139,24 @@ rich-text .richImg{
139
   display: flex;
139
   display: flex;
140
   flex-direction: column;
140
   flex-direction: column;
141
 }
141
 }
142
-.joli-card-head {
142
+.jl-card-head {
143
   display: flex;
143
   display: flex;
144
   align-items: center;
144
   align-items: center;
145
   font-size: 32rpx;
145
   font-size: 32rpx;
146
   font-weight: 500;
146
   font-weight: 500;
147
   margin-bottom: 30rpx;
147
   margin-bottom: 30rpx;
148
 }
148
 }
149
-.joli-card-head-title {
149
+.jl-card-head-title {
150
   color: #333;
150
   color: #333;
151
   flex: 1;
151
   flex: 1;
152
   white-space: nowrap;
152
   white-space: nowrap;
153
   overflow: hidden;
153
   overflow: hidden;
154
   text-overflow: ellipsis;
154
   text-overflow: ellipsis;
155
 }
155
 }
156
-.joli-card-head-status {
156
+.jl-card-head-status {
157
   color: #FF77B0;
157
   color: #FF77B0;
158
 }
158
 }
159
-.joli-card-order {
159
+.jl-card-order {
160
   display: flex;
160
   display: flex;
161
   padding: 30rpx 28rpx;
161
   padding: 30rpx 28rpx;
162
   margin-bottom: 30rpx;
162
   margin-bottom: 30rpx;
@@ -165,7 +165,7 @@ rich-text .richImg{
165
   position: relative;
165
   position: relative;
166
   z-index: 1;
166
   z-index: 1;
167
 }
167
 }
168
-.joli-card-order-img {
168
+.jl-card-order-img {
169
   width: 152rpx;
169
   width: 152rpx;
170
   height: 152rpx;
170
   height: 152rpx;
171
   border-radius: 16rpx;
171
   border-radius: 16rpx;
@@ -174,34 +174,34 @@ rich-text .richImg{
174
   margin-right: 12rpx;
174
   margin-right: 12rpx;
175
   background: #f5f5f5;
175
   background: #f5f5f5;
176
 }
176
 }
177
-.joli-card-order-right {
177
+.jl-card-order-right {
178
   flex: 1;
178
   flex: 1;
179
 }
179
 }
180
-.joli-card-order-row {
180
+.jl-card-order-row {
181
   display: flex;
181
   display: flex;
182
   justify-content: space-between;
182
   justify-content: space-between;
183
 }
183
 }
184
-.joli-card-order-label,
185
-.joli-card-order-msg{
184
+.jl-card-order-label,
185
+.jl-card-order-msg{
186
   line-height: 48rpx;
186
   line-height: 48rpx;
187
   font-size: 28rpx;
187
   font-size: 28rpx;
188
   color: #333;
188
   color: #333;
189
 }
189
 }
190
-.joli-card-order-msg {
190
+.jl-card-order-msg {
191
   color: #666;
191
   color: #666;
192
 }
192
 }
193
-.joli-card-money {
193
+.jl-card-money {
194
   text-align: right;
194
   text-align: right;
195
   font-size: 32rpx;
195
   font-size: 32rpx;
196
   color: #333;
196
   color: #333;
197
   margin-bottom: 30rpx;
197
   margin-bottom: 30rpx;
198
 }
198
 }
199
-.joli-card-money text {
199
+.jl-card-money text {
200
   color: #FF77B0;
200
   color: #FF77B0;
201
 }
201
 }
202
 
202
 
203
 /*底部固定块*/
203
 /*底部固定块*/
204
-.footer-fixed {
204
+.jl-footer-fixed {
205
   width: 100%;
205
   width: 100%;
206
   position: fixed;
206
   position: fixed;
207
   left: 0;
207
   left: 0;
@@ -210,7 +210,7 @@ rich-text .richImg{
210
   background: #fff;
210
   background: #fff;
211
   padding: 20rpx 36rpx;
211
   padding: 20rpx 36rpx;
212
 }
212
 }
213
-.footer-fixed-btn {
213
+.jl-footer-fixed-btn {
214
   line-height: 96rpx;
214
   line-height: 96rpx;
215
   border-radius: 48rpx;
215
   border-radius: 48rpx;
216
   background: #FF77B0;
216
   background: #FF77B0;

+ 4 - 1
project.config.json

@@ -36,7 +36,10 @@
36
     "packNpmManually": false,
36
     "packNpmManually": false,
37
     "packNpmRelationList": [],
37
     "packNpmRelationList": [],
38
     "minifyWXSS": true,
38
     "minifyWXSS": true,
39
-    "showES6CompileOption": false
39
+    "disableUseStrict": false,
40
+    "showES6CompileOption": false,
41
+    "useCompilerPlugins": false,
42
+    "minifyWXML": true
40
   },
43
   },
41
   "compileType": "miniprogram",
44
   "compileType": "miniprogram",
42
   "libVersion": "2.19.2",
45
   "libVersion": "2.19.2",

+ 21 - 21
subpackage/goods/pages/order-create/index.wxml

@@ -8,34 +8,34 @@
8
             <view class="code-id">使用卷码:3020 5281 0321</view>
8
             <view class="code-id">使用卷码:3020 5281 0321</view>
9
         </view>
9
         </view>
10
     </view>
10
     </view>
11
-    <view class="joli-card">
12
-        <view class="joli-card-head">
13
-            <view class="joli-card-head-title">水氧清洁水光提升</view>
14
-            <view class="joli-card-head-status">待用户确认</view>
11
+    <view class="jl-card">
12
+        <view class="jl-card-head">
13
+            <view class="jl-card-head-title">水氧清洁水光提升</view>
14
+            <view class="jl-card-head-status">待用户确认</view>
15
         </view>
15
         </view>
16
-        <view class="joli-card-order">
17
-            <image class="joli-card-order-img" src="" />
18
-            <view class="joli-card-order-right">
19
-                <view class="joli-card-order-label">预约店铺:西丽店</view>
20
-                <view class="joli-card-order-label">预约时间:2021/8/7 8:00~9</view>
21
-                <view class="joli-card-order-label">设备:无针水光</view>
16
+        <view class="jl-card-order">
17
+            <image class="jl-card-order-img" src="" />
18
+            <view class="jl-card-order-right">
19
+                <view class="jl-card-order-label">预约店铺:西丽店</view>
20
+                <view class="jl-card-order-label">预约时间:2021/8/7 8:00~9</view>
21
+                <view class="jl-card-order-label">设备:无针水光</view>
22
             </view>
22
             </view>
23
         </view>
23
         </view>
24
-        <view class="joli-card-money">实付:<text>¥888.88</text></view>
24
+        <view class="jl-card-money">实付:<text>¥888.88</text></view>
25
     </view>
25
     </view>
26
-    <view class="joli-card">
27
-        <view class="joli-card-order">
28
-            <view class="joli-card-order-right">
29
-                <view class="joli-card-order-row">
30
-                    <view class="joli-card-order-label">预约费用:</view>
31
-                    <view class="joli-card-order-msg">¥888.88</view>
26
+    <view class="jl-card">
27
+        <view class="jl-card-order">
28
+            <view class="jl-card-order-right">
29
+                <view class="jl-card-order-row">
30
+                    <view class="jl-card-order-label">预约费用:</view>
31
+                    <view class="jl-card-order-msg">¥888.88</view>
32
                 </view>
32
                 </view>
33
-                <view class="joli-card-order-row">
34
-                    <view class="joli-card-order-label">优惠券:</view>
35
-                    <view class="joli-card-order-msg">-¥888.88</view>
33
+                <view class="jl-card-order-row">
34
+                    <view class="jl-card-order-label">优惠券:</view>
35
+                    <view class="jl-card-order-msg">-¥888.88</view>
36
                 </view>
36
                 </view>
37
             </view>
37
             </view>
38
         </view>
38
         </view>
39
-        <view class="joli-card-money">合计:<text>¥888.88</text></view>
39
+        <view class="jl-card-money">合计:<text>¥888.88</text></view>
40
     </view>
40
     </view>
41
 </view>
41
 </view>

+ 31 - 31
subpackage/user/pages/code-results/index.wxml

@@ -4,49 +4,49 @@
4
         <view class="head-msg">卷码时效:正常</view>
4
         <view class="head-msg">卷码时效:正常</view>
5
         <view class="head-msg">项目设备:可预约</view>
5
         <view class="head-msg">项目设备:可预约</view>
6
     </view>
6
     </view>
7
-    <view class="joli-card">
8
-        <view class="joli-card-head">
9
-            <view class="joli-card-head-title">水氧清洁项目代金劵</view>
7
+    <view class="jl-card">
8
+        <view class="jl-card-head">
9
+            <view class="jl-card-head-title">水氧清洁项目代金劵</view>
10
         </view>
10
         </view>
11
-        <view class="joli-card-order">
12
-            <image class="joli-card-order-img" src="" />
13
-            <view class="joli-card-order-right">
14
-                <view class="joli-card-order-label">预约店铺:西丽店</view>
15
-                <view class="joli-card-order-label">预约时间:2021/8/7 8:00~9</view>
16
-                <view class="joli-card-order-label">抵扣金额:¥98.00</view>
11
+        <view class="jl-card-order">
12
+            <image class="jl-card-order-img" src="" />
13
+            <view class="jl-card-order-right">
14
+                <view class="jl-card-order-label">预约店铺:西丽店</view>
15
+                <view class="jl-card-order-label">预约时间:2021/8/7 8:00~9</view>
16
+                <view class="jl-card-order-label">抵扣金额:¥98.00</view>
17
             </view>
17
             </view>
18
         </view>
18
         </view>
19
     </view>
19
     </view>
20
-    <view class="joli-card">
21
-        <view class="joli-card-head">
22
-            <view class="joli-card-head-title">券码信息</view>
20
+    <view class="jl-card">
21
+        <view class="jl-card-head">
22
+            <view class="jl-card-head-title">券码信息</view>
23
         </view>
23
         </view>
24
-        <view class="joli-card-order">
25
-            <view class="joli-card-order-right">
26
-                <view class="joli-card-order-msg">到期时间:2022-2-30到期</view>
27
-                <view class="joli-card-order-msg">券码编号:1837 3646 3874</view>
24
+        <view class="jl-card-order">
25
+            <view class="jl-card-order-right">
26
+                <view class="jl-card-order-msg">到期时间:2022-2-30到期</view>
27
+                <view class="jl-card-order-msg">券码编号:1837 3646 3874</view>
28
             </view>
28
             </view>
29
         </view>
29
         </view>
30
     </view>
30
     </view>
31
-    <view class="joli-card order-card">
32
-        <view class="joli-card-head">
33
-            <view class="joli-card-head-title">订单信息</view>
31
+    <view class="jl-card order-card">
32
+        <view class="jl-card-head">
33
+            <view class="jl-card-head-title">订单信息</view>
34
         </view>
34
         </view>
35
-        <view class="joli-card-order">
35
+        <view class="jl-card-order">
36
             <view class="copy-code" bind:tap="copyCode">复制</view>
36
             <view class="copy-code" bind:tap="copyCode">复制</view>
37
-            <view class="joli-card-order-right">
38
-                <view class="joli-card-order-msg">订单编号:1578789575124</view>
39
-                <view class="joli-card-order-msg">手机号码:131****8890</view>
40
-                <view class="joli-card-order-msg">付款时间:2021-8-7 14:12:45</view>
41
-                <view class="joli-card-order-msg">下单时间:2021-8-7 14:12:45</view>
42
-                <view class="joli-card-order-msg">数      量:1</view>
43
-                <view class="joli-card-order-msg">总      价:¥95.00</view>
44
-                <view class="joli-card-order-msg">实际金额:¥95.00</view>
45
-                <view class="joli-card-order-msg">支付时间:2021-8-7 14:13:58</view>
37
+            <view class="jl-card-order-right">
38
+                <view class="jl-card-order-msg">订单编号:1578789575124</view>
39
+                <view class="jl-card-order-msg">手机号码:131****8890</view>
40
+                <view class="jl-card-order-msg">付款时间:2021-8-7 14:12:45</view>
41
+                <view class="jl-card-order-msg">下单时间:2021-8-7 14:12:45</view>
42
+                <view class="jl-card-order-msg">数      量:1</view>
43
+                <view class="jl-card-order-msg">总      价:¥95.00</view>
44
+                <view class="jl-card-order-msg">实际金额:¥95.00</view>
45
+                <view class="jl-card-order-msg">支付时间:2021-8-7 14:13:58</view>
46
             </view>
46
             </view>
47
         </view>
47
         </view>
48
     </view>
48
     </view>
49
-    <view class="footer-fixed">
50
-        <view class="footer-fixed-btn">立即激活使用</view>
49
+    <view class="jl-footer-fixed">
50
+        <view class="jl-footer-fixed-btn">立即激活使用</view>
51
     </view>
51
     </view>
52
 </view>
52
 </view>

+ 11 - 11
subpackage/user/pages/service-list/index.wxml

@@ -9,20 +9,20 @@
9
         </view>
9
         </view>
10
     </view>
10
     </view>
11
     <view class="list">
11
     <view class="list">
12
-        <view class="joli-card">
13
-            <view class="joli-card-head">
14
-                <view class="joli-card-head-title">水氧清洁水光提升</view>
15
-                <view class="joli-card-head-status">待用户确认</view>
12
+        <view class="jl-card">
13
+            <view class="jl-card-head">
14
+                <view class="jl-card-head-title">水氧清洁水光提升</view>
15
+                <view class="jl-card-head-status">待用户确认</view>
16
             </view>
16
             </view>
17
-            <view class="joli-card-order">
18
-                <image class="joli-card-order-img" src="" />
19
-                <view class="joli-card-order-right">
20
-                    <view class="joli-card-order-label">预约店铺:西丽店</view>
21
-                    <view class="joli-card-order-label">预约时间:2021/8/7 8:00~9</view>
22
-                    <view class="joli-card-order-label">设备:无针水光</view>
17
+            <view class="jl-card-order">
18
+                <image class="jl-card-order-img" src="" />
19
+                <view class="jl-card-order-right">
20
+                    <view class="jl-card-order-label">预约店铺:西丽店</view>
21
+                    <view class="jl-card-order-label">预约时间:2021/8/7 8:00~9</view>
22
+                    <view class="jl-card-order-label">设备:无针水光</view>
23
                 </view>
23
                 </view>
24
             </view>
24
             </view>
25
-            <view class="joli-card-money">实付:<text>¥888.88</text></view>
25
+            <view class="jl-card-money">实付:<text>¥888.88</text></view>
26
         </view>
26
         </view>
27
     </view>
27
     </view>
28
 </view>
28
 </view>