Adam / gulu-vue

Blame view

src/pages/user/user.vue 13.6 KB
edit raw normal view history
0db291810   BigBoss   “-mcomfirmOder页面 
1
 
  <template>
fb85b244c   BigBoss   user页面 
2
 
  	<view class="wrap">
31dea37da   喻鹏   新增验光单和修改验光单 
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
  		<!-- 弹窗 -->
  		<uni-popup ref="popup" type="center">
  			<!-- 给一个左边弹窗的样式 -->
  			<!-- 关闭弹窗按钮 -->
  			<view class="closeBtn" @click="this.$refs.popup.close()">x</view>
  			<view class="popUpWrap" v-if="whichTap==0">
  				<text>这是一款眼镜及周边产品的销售平台，我们将帮您进行建立全球销售网络，欢迎入驻。</text>
  
  				<!-- 左 -->
  				<!-- <image class="glassInfo" src="../../static/img/myOpticsData/glassInfo.png" v-if="whichTap == 0" mode="aspectFit"></image> -->
  				<!-- 右 -->
  				<!-- <image class="dataInfo" src="../../static/img/myOpticsData/dataInfo.png" v-else mode="aspectFit"></image> -->
  			</view>
  			<view class="popUpWrap" v-if="whichTap==1">
  				<text>本平台欢迎全国各地的眼镜工厂、品牌、眼镜店加入。请联系我们申请注册账号。</text>
  			</view>
  			<view class="popUpWrap" v-if="whichTap==2">
  				<button @click="chatOur(1)">客服1</button>
  				<button @click="chatOur(2)">客服2</button>
  			</view>
  		</uni-popup>
55ddb3f8a   范牧   登陆逻辑修改 
24
 
  		<view v-if="isAuth" class="content">
fb85b244c   BigBoss   user页面 
25
26
 
  			<view class="userInfo">
  				<view class="info">
55ddb3f8a   范牧   登陆逻辑修改 
27
 
  					<image :src="headerphoto" mode="aspectFill"></image>
fb85b244c   BigBoss   user页面 
28
 
  					<view class="infoText">
55ddb3f8a   范牧   登陆逻辑修改 
29
 
  						<text class="userName">{{nickName}}</text>
fb85b244c   BigBoss   user页面 
30
31
 
  					</view>
  				</view>
9a8f39ae3   BigBoss   订单 
32
 
  			<!-- 	<view class="service">
fb85b244c   BigBoss   user页面 
33
 
  					<image src="../../static/serviceLogo.png" mode="aspectFill"></image>
9a8f39ae3   BigBoss   订单 
34
35
 
  				</view> -->
  			</view>
5b513503f   BigBoss   验光数据页面 
36
 
  			<view class="myOpticsData" @click="toOpticsData">
9a8f39ae3   BigBoss   订单 
37
38
39
 
  				<view class="left">
  					<image src="../../static/img/user/dataWrite.png" mode="aspectFit"></image>
  					<text>验光数据</text>
fb85b244c   BigBoss   user页面 
40
 
  				</view>
9a8f39ae3   BigBoss   订单 
41
 
  				<image src="../../static/right.png" mode="aspectFit"></image>
fb85b244c   BigBoss   user页面 
42
43
44
45
 
  			</view>
  			<view class="myOrder">
  				<view class="orderHeader">
  					<text>全部订单</text>
9a8f39ae3   BigBoss   订单 
46
 
  					<view class="btn" @click="toMyOrder('10')">
fb85b244c   BigBoss   user页面 
47
 
  						全部
9a8f39ae3   BigBoss   订单 
48
 
  						<image src="../../static/right.png" mode="aspectFit"></image>
fb85b244c   BigBoss   user页面 
49
50
51
 
  					</view>
  				</view>
  				<view class="orderBody">
9a8f39ae3   BigBoss   订单 
52
53
 
  					<view class="item waitPay" @click="toMyOrder('0')">
  						<image src="../../static/img/user/waitDeliver.png" mode="aspectFit"></image>
fb85b244c   BigBoss   user页面 
54
55
 
  						<text>待付款</text>
  					</view>
9a8f39ae3   BigBoss   订单 
56
57
 
  					<view class="item waitDeliver" @click="toMyOrder('1')" >
  						<image src="../../static/img/user/waitPay.png" mode="aspectFit"></image>
fb85b244c   BigBoss   user页面 
58
59
 
  						<text>待收货</text>
  					</view>
9a8f39ae3   BigBoss   订单 
60
61
62
 
  					<view class="item waitReceive" @click="toMyOrder('2')">
  						<image src="../../static/img/user/waitReceive.png" mode="aspectFit"></image>
  						<text>已完成</text>
fb85b244c   BigBoss   user页面 
63
 
  					</view>
9a8f39ae3   BigBoss   订单 
64
65
66
67
68
69
70
 
  					<!-- <view class="item service" @click="toMyOrder('3')">
  						<image src="../../static/img/user/refound.png" mode="aspectFit"></image>
  						<text>已评价</text>
  					</view> -->
  				</view>
  			</view>
  			<view class="someItem">
f0cf57997   BigBoss   合并冲突 
71
 
  				<!-- <view class="item">
9a8f39ae3   BigBoss   订单 
72
73
74
75
76
 
  					<view class="left">
  						<image src="../../static/img/user/shouyi.png" mode="aspectFit"></image>
  						<text>推广记录与收益</text>
  					</view>
  					<image src="../../static/right.png" mode="aspectFit"></image>
f0cf57997   BigBoss   合并冲突 
77
 
  				</view> -->
31dea37da   喻鹏   新增验光单和修改验光单 
78
 
  				<view class="item" @click="changeTap(0)">
9a8f39ae3   BigBoss   订单 
79
80
81
82
83
84
 
  					<view class="left">
  						<image src="../../static/img/user/introduce.png" mode="aspectFit"></image>
  						<text>系统介绍</text>
  					</view>
  					<image src="../../static/right.png" mode="aspectFit"></image>
  				</view>
31dea37da   喻鹏   新增验光单和修改验光单 
85
 
  				<view class="item" @click="changeTap(1)">
9a8f39ae3   BigBoss   订单 
86
87
88
89
90
91
 
  					<view class="left">
  						<image src="../../static/img/user/joinUs.png" mode="aspectFit"></image>
  						<text>加入我们</text>
  					</view>
  					<image src="../../static/right.png" mode="aspectFit"></image>
  				</view>
31dea37da   喻鹏   新增验光单和修改验光单 
92
 
  				<view class="item" @click="changeTap(2)">
9a8f39ae3   BigBoss   订单 
93
94
95
96
97
 
  					<view class="left">
  						<image src="../../static/img/user/service.png" mode="aspectFit"></image>
  						<text>联系客服</text>
  					</view>
  					<image src="../../static/right.png" mode="aspectFit"></image>
fb85b244c   BigBoss   user页面 
98
99
100
101
102
103
104
105
106
107
 
  				</view>
  			</view>
  			<view class="recommend">
  				<view class="title">
  					<view class="line"></view>
  					<view class="text">精选推荐</view>
  					<view class="line"></view>
  				</view>
  				<!-- 商品列表 -->
  				<view class="goods-list">
cc196c33c   喻鹏   购物车和用户推荐接口渲染 
108
109
110
111
112
113
114
 
  					<scroll-view enable-flex @scrolltolower="handleScrolltolower" scroll-y class="product-list">
  						<block v-for="(goods) in userRecommandList " :key="goods.list.sk_id">
  							<view class="product" v-for="(item) in goods.list" :key="item.sk_id">
  								<Card :goods="item" ></Card>
  							</view>
  						</block>
  					</scroll-view>
fb85b244c   BigBoss   user页面 
115
116
117
 
  					<view class="loading-text">{{loadingText}}</view>
  				</view>
  			</view>
0db291810   BigBoss   “-mcomfirmOder页面 
118
 
  		</view>
55ddb3f8a   范牧   登陆逻辑修改 
119
120
121
122
123
124
125
126
127
128
129
 
  		<view v-else class="auth">
  			<view class="icon"></view>
  			<view class="divider"></view>
  			<view class="title">申请获取以下权限</view>
  			<view class="text">获得您的公开信息(昵称、头像等)</view>
  			<button 
  			 type="primary"
  			 open-type="getUserInfo"
  			 @getuserinfo="onGotUserInfo"
  			>授权登陆</button>
  		</view>
0db291810   BigBoss   “-mcomfirmOder页面 
130
131
132
133
 
  	</view>
  </template>
  
  <script>
55ddb3f8a   范牧   登陆逻辑修改 
134
135
 
  	import Card from "@/components/CommodityCard/CommodityCard.vue";
  	import store from '@/store';
31dea37da   喻鹏   新增验光单和修改验光单 
136
 
  	import UniPopup from '@/components/UniPopup/uni-popup.vue'
55ddb3f8a   范牧   登陆逻辑修改 
137
0db291810   BigBoss   “-mcomfirmOder页面 
138
 
  	export default {
fb85b244c   BigBoss   user页面 
139
 
  		components: {
31dea37da   喻鹏   新增验光单和修改验光单 
140
141
 
  			'Card':Card,
  			UniPopup
fb85b244c   BigBoss   user页面 
142
 
  			},
0db291810   BigBoss   “-mcomfirmOder页面 
143
144
 
  		data() {
  			return {
cc196c33c   喻鹏   购物车和用户推荐接口渲染 
145
 
  				isAuth: true, // 是否显示授权页面,
31dea37da   喻鹏   新增验光单和修改验光单 
146
147
 
  				pagesnum:1, // 分页请求初始值
  				whichTap:0, // 弹窗渲染选择条件
0db291810   BigBoss   “-mcomfirmOder页面 
148
149
150
 
  			}
  		},
  		onLoad() {
55ddb3f8a   范牧   登陆逻辑修改 
151
152
153
154
155
156
157
158
159
160
161
 
  			// 判断是否授权
  			uni.getSetting({
  				success(res) {
  					console.log('authSetting',res.authSetting)
  					if(res.authSetting['scope.userInfo'] === true) {
  						this.isAuth = true
  					} else {
  						this.isAuth = false
  					}
  				}
  			})
cc196c33c   喻鹏   购物车和用户推荐接口渲染 
162
55ddb3f8a   范牧   登陆逻辑修改 
163
164
165
166
167
168
169
170
 
  		},
  		computed: {
  			nickName() {
  				console.log('nickName', this.$store.state.user.userInfo)
  				return this.$store.state.user.userInfo.nickName;
  			},
  			headerphoto() {
  				return this.$store.state.user.userInfo.headerphoto;
f72f302c7   范牧   合并冲突 
171
 
  			},
db5b5fe00   喻鹏   "修改样式细节" 
172
173
174
 
  			userRecommandList() {
  				console.log('recommandList', this.$store.state.userRecommand.recommandList);
  				return this.$store.state.userRecommand.recommandList;
55ddb3f8a   范牧   登陆逻辑修改 
175
 
  			}
0db291810   BigBoss   “-mcomfirmOder页面 
176
 
  		},
cc196c33c   喻鹏   购物车和用户推荐接口渲染 
177
178
179
 
  		onLoad:function(){
  			console.log('usr-my',this.$store.state.user.userInfo)
f72f302c7   范牧   合并冲突 
180
 
  			store.dispatch('userRecommand/getRecommandList', {
cc196c33c   喻鹏   购物车和用户推荐接口渲染 
181
182
183
184
185
 
  				// uid:468,
  				uid: this.$store.state.user.userInfo.uid,
  				// openid:"oc8cg0d-0mFIInO4LyrCFtInPWr4",
  				openid:this.$store.state.user.userInfo.openid,
  				page: this.pagesnum
f72f302c7   范牧   合并冲突 
186
187
 
  			});
  		},
cc196c33c   喻鹏   购物车和用户推荐接口渲染 
188
0db291810   BigBoss   “-mcomfirmOder页面 
189
 
  		methods: {
31dea37da   喻鹏   新增验光单和修改验光单 
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
 
  			// 弹窗
  			changeTap(item){
  				this.whichTap = item
  				this.$refs.popup.open()
  			},
  			chatOur(item){
  				if(item==1){
  					uni.makePhoneCall({
  						phoneNumber:13376189297, // 客服1 电话
  					})
  				} else{
  					uni.makePhoneCall({
  						phoneNumber:18014995101 // 客服2 电话
  					})
  				}
  			},
55ddb3f8a   范牧   登陆逻辑修改 
206
207
208
209
210
211
212
213
214
215
216
 
  			// 授权
  			onGotUserInfo(e) {
  				console.log('anthInfo', e);
  				if(e.detail.errMsg == 'getUserInfo:ok') {
  					const { fromInfo } = this.$store.state.user;
  					console.log('=====la', fromInfo)
  					// 用户授权成功
  					store.dispatch('user/getUserInfo', fromInfo);
  					this.isAuth = true
  				}
  			},
9a8f39ae3   BigBoss   订单 
217
 
  			toMyOrder(status){
066667dc4   BigBoss   add refundProgress 
218
 
  				uni.navigateTo({
9a8f39ae3   BigBoss   订单 
219
 
  					url: `../myOrder/myOrder?status=`+status,
066667dc4   BigBoss   add refundProgress 
220
221
222
223
224
 
  					success: res => {},
  					fail: () => {},
  					complete: () => {}
  				});
  			},
5b513503f   BigBoss   验光数据页面 
225
226
227
228
229
 
  			toOpticsData(){
  				uni.navigateTo({
  					url: `../addOpticsData/addOpticsData`,
  				});
  			},
cc196c33c   喻鹏   购物车和用户推荐接口渲染 
230
231
232
233
234
235
236
237
 
  			handleScrolltolower(){
  				// console.log('usr-my',this.$store.state.user.userInfo)
  				this.pagesnum++;
  				store.dispatch('userRecommand/getRecommandList', {
  					uid: this.$store.state.user.userInfo.uid,
  					openid:this.$store.state.user.userInfo.openid,
  					page: this.pagesnum
  				});
72a08fa45   BigBoss   icon 
238
 
  			}
0db291810   BigBoss   “-mcomfirmOder页面 
239
240
241
242
 
  		}
  	}
  </script>
fb85b244c   BigBoss   user页面 
243
244
245
246
247
248
 
  <style lang="scss">
  	.warp{
  		font-size: 24rpx;
  		background-color: #f2f2f2;
  		height: 100vh;
  	}
0db291810   BigBoss   “-mcomfirmOder页面 
249
250
251
252
253
 
  	.content {
  		display: flex;
  		flex-direction: column;
  		align-items: center;
  		justify-content: center;
fb85b244c   BigBoss   user页面 
254
 
  		background-color: #F2F2F2;
0db291810   BigBoss   “-mcomfirmOder页面 
255
 
  	}
fb85b244c   BigBoss   user页面 
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
 
  	.userInfo{
  		background-image: linear-gradient(270deg, #FFA481 0%, #FF6B4A 66%);
  		width: 100%;
  		height: 240rpx;
  		color: #FFFFFF;
  		padding: 60rpx 82rpx 80rpx 44rpx;
  		box-sizing: border-box;
  		display: flex;
  		flex-direction: row;
  		justify-content: space-between;
  		align-items: flex-start;
  		.info{
  			display: flex;
  			flex-direction: row;
  			justify-content: space-between;
  			align-items: center;
  			image{
  				border-radius: 50rpx;
  				height: 100rpx ;
  				width: 100rpx;
  				margin-right: 40rpx;
  			}
  			.infoText{
  				display: flex;
  				flex-direction: column;
  				justify-content: space-between;
  				align-items: flex-scetart;
  				.userName{
  					font-size: 18px;
  					color: #FFFFFF;
  					margin-bottom: 8rpx;
  				}
  				.nickName{
  					font-size: 12px;
  					color: #FFFFFF;
  				}
  			}
  		}
9a8f39ae3   BigBoss   订单 
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
 
  		// .service{
  		// 	margin-top: 20rpx;
  		// 	image{
  		// 		height: 36rpx;
  		// 		width: 36rpx;
  		// 	}
  		// }
  	}
  	.myOpticsData{
  		width: 670rpx;
  		height: 120rpx;
  		background-color: #FFFFFF;
  		border-radius: 6px;
  		box-shadow: 1px 1px 7px 0 rgba(133,107,107,0.10);
  		position: relative;
  		bottom: 44rpx;
  		padding: 40rpx;
  		box-sizing: border-box;
  		display: flex;
  		justify-content: space-between;
  		align-items: center;
  		.left{
  			font-size: 14px;
  			color: #333333;
  			display: flex;
  			align-items: center;
fb85b244c   BigBoss   user页面 
320
 
  			image{
9a8f39ae3   BigBoss   订单 
321
322
323
 
  				margin-right: 32rpx;
  				width: 30rpx;
  				height: 34rpx;
fb85b244c   BigBoss   user页面 
324
325
 
  			}
  		}
9a8f39ae3   BigBoss   订单 
326
327
328
329
 
  		image{
  			height: 16px;
  			width: 8px;
  		}
0db291810   BigBoss   “-mcomfirmOder页面 
330
 
  	}
fb85b244c   BigBoss   user页面 
331
332
333
 
  	.myOrder{
  		width: 100%;
  		height: 296rpx;
9a8f39ae3   BigBoss   订单 
334
 
  		// margin-top: 116rpx;
fb85b244c   BigBoss   user页面 
335
336
337
 
  		margin-bottom: 20rpx;
  		padding: 0 40rpx;
  		box-sizing: border-box;
9ff2df1bf   范牧   文件名称规范 
338
339
340
 
  		background: #FFFFFF;
  		box-shadow: 0 0 4px 0 rgba(133,107,107,0.10);
  		border-radius: 6px;
fb85b244c   BigBoss   user页面 
341
 
  		border-radius: 6px;
0db291810   BigBoss   “-mcomfirmOder页面 
342
 
  		display: flex;
fb85b244c   BigBoss   user页面 
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
 
  		flex-direction: column;
  		justify-content: space-around;
  		align-items: center;
  		.orderHeader{
  			width: 100%;
  			height: 100rpx;
  			display: flex;
  			flex-direction: row;
  			justify-content: space-between;
  			align-items: center;
  			border-bottom: 1px solid #E9E9E9;;
  			font-weight: bold;
  			font-size: 18px;
  			color: #333333;
  			.btn{
  				font-size: 12px;
  				color: #999999;
9a8f39ae3   BigBoss   订单 
360
361
 
  				display: flex;
  				align-items: center;
fb85b244c   BigBoss   user页面 
362
363
 
  				image{
  					margin-left: 20rpx;
9a8f39ae3   BigBoss   订单 
364
365
 
  					height: 32rpx;
  					width: 16rpx;
fb85b244c   BigBoss   user页面 
366
367
368
369
370
371
372
 
  				}
  			}
  		}
  		.orderBody{
  			width: 100%;
  			display: flex;
  			flex-direction: row;
9a8f39ae3   BigBoss   订单 
373
 
  			justify-content: space-around;
fb85b244c   BigBoss   user页面 
374
375
376
377
378
379
 
  			align-items: center;
  			.item{
  				display: flex;
  				flex-direction: column;
  				align-items: center;
  				image{
9a8f39ae3   BigBoss   订单 
380
 
  					width: 62rpx;
fb85b244c   BigBoss   user页面 
381
382
383
384
 
  					height: 46rpx;
  				}
  				text{
  					margin-top: 24rpx;
9ff2df1bf   范牧   文件名称规范 
385
 
  					font-size: 12px;
fb85b244c   BigBoss   user页面 
386
387
388
389
 
  					color: #333333;
  				}
  			}
  		}
0db291810   BigBoss   “-mcomfirmOder页面 
390
 
  	}
9a8f39ae3   BigBoss   订单 
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
 
  	.someItem{
  		width: 100%;
  		height: 336rpx;
  		background: #FFFFFF;
  		box-shadow: 0 0 4px 0 rgba(133,107,107,0.10);
  		border-radius: 6px;
  		border-radius: 6px;
  		margin-bottom: 18rpx;
  		box-sizing: border-box;
  		padding: 21rpx 48rpx 21rpx 42rpx;
  		box-sizing: border-box;
  		display: flex;
  		flex-direction: column;
  		justify-content: space-between;
  		align-items: center;
  		.item{
  			display: flex;
  			justify-content: space-between;
  			border-bottom: 1px solid #F2F2F2;;
  			align-items: center;
  			height: 72rpx;
  			width: 100%;
  			.left{
  				font-size: 14px;
  				color: #333333;
  				display: flex;
  				align-items: center;
  				image{
  					margin-right: 32rpx;
  					width: 30rpx;
  					height: 34rpx;
  				}
  			}
  			image{
  				height: 16px;
  				width: 8px;
  			}
  		}
  		
  	}
fb85b244c   BigBoss   user页面 
431
432
433
434
435
 
  	.recommend{
  		background: #FFFFFF;
  		box-shadow: 0 0 4px 0 rgba(133,107,107,0.10);
  		border-radius: 6px;
  		border-radius: 6px;
ab4209caf   喻鹏   update 
436
 
  		width: 100%;
fb85b244c   BigBoss   user页面 
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
 
  		.title{
  			display: flex;
  			flex-direction: row;
  			align-items: center;
  			justify-content: space-between;
  			padding: 20rpx 40rpx;
  			.line{
  				width: 264rpx;
  				height: 1rpx;
  				border-bottom: 1px solid #EAEAEA;
  			}
  			.text{
  				font-family: PingFangSC-Medium;
  				font-size: 14px;
  				color: #333333;
  				letter-spacing: -0.26px;
  				text-align: justify;
  				line-height: 24px;
  			}
  		}
  		.goods-list{
  			.loading-text{
  				width: 100%;
  				display: flex;
  				justify-content: center;
  				align-items: center;
  				height: 30px;
  				color: #979797;
  				font-size: 12px;
  			}
  			.product-list{
  				width: 92%;
  				padding: 0 4% 3vw 4%; 
  				display: flex;
cc196c33c   喻鹏   购物车和用户推荐接口渲染 
471
 
  				height: 200px;
fb85b244c   BigBoss   user页面 
472
473
474
475
476
 
  				justify-content: space-between;
  				flex-wrap: wrap;
  				.product{
  					width: 48%;
  					margin: 0 0 20rpx 0;
9ff2df1bf   范牧   文件名称规范 
477
 
  					background: #FFFFFF;
fb85b244c   BigBoss   user页面 
478
479
480
481
 
  					border: 1px solid #F2F2F2;
  				}
  			}
  		}
0db291810   BigBoss   “-mcomfirmOder页面 
482
 
  	}
55ddb3f8a   范牧   登陆逻辑修改 
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
 
  	.auth {
  		height: 100vh;
  		display: flex;
    		flex-direction: column;
    		align-items: center;
  		.icon {
  			width: 140rpx;
  			height: 140rpx;
  			border-radius: 50%;
  			margin-top: 100rpx;
  			background-color: grey;
  		}
  		.divider {
  			height: 1rpx;
  			width: 600rpx;
  			margin-top: 80rpx;
  			background-color: #E6E3E3;
  		}
  		.title {
  			width: 600rpx;
  			margin-top: 50rpx;
  			text-align: left;
  		}
  		.text {
  			width: 600rpx;
  			margin-top: 30rpx;
  			text-align: left;
  			color: #E6E3E3;
  		}
  		button {
  			width: 450rpx;
  			height: 80rpx;
  			line-height: 80rpx;
  			margin-top: 80rpx;
  			border-radius: 30rpx;
  		}
  	}
31dea37da   喻鹏   新增验光单和修改验光单 
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
 
  	
  	.popUpWrap{
  		height: 200rpx;
  		width: 542rpx;
  		background-color: #FFFFFF;
  		border-radius: 4px;
  		border: 1px solid #979797;
  		display: flex;
  		align-items: center;
  		justify-items: center;
  		box-sizing: border-box;
  		padding: 0 20rpx;
  		text{
  			font-size: 12px;
  			color: #333333;
  		}
  		button{
  			width: 150rpx;
  			height: 80rpx;
  			border-radius: 4px;
  			text-align: center;
  			line-height: 80rpx;
  			font-size: 14px;
  
  		}
  	}
  	.closeBtn{
  		height: 28rpx;
  		width: 28rpx;
  		// border: 1px solid red;
  		position: absolute;
  		top: 20rpx;
  		right: 10rpx;
  	}
fb85b244c   BigBoss   user页面 
555
9ff2df1bf   范牧   文件名称规范 
556
 
  </style>