刘文博 / gulu-vue

Blame view

src/pages/detailsChoiceArgs/detailsChoiceArgs.vue 19.9 KB
edit raw normal view history
ab4209caf   喻鹏   update 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
  <template>
  	<view class="content">
  		<view class="goods-info">
  			<image src="../../static/myorder-paying-pic.png"></image>
  			<view class="box-right">
  				<text class="p1">镜片名称型号功能镜片名称型镜片名称型号功能非球面…</text>
  				<text class="p2">支持7天无理由退货  顺丰发货</text>
  				<view class="priceBox">
  					<view class="price">￥{{price*count}}</view>
  					<view class="counter">
  						<view class="btn" disabled="this.disabled" @click="counter(false)">-</view>
  						<text>{{count}}</text>
  						<view class="btn" @click="counter(true)">+</view>
  					</view>
  				</view>
  			</view>
  		</view>
  		<view class="goods-data">
ab4209caf   喻鹏   update 
19
 
  			<view class="opCollapse">
7d6833f2c   范牧   地址列表 
20
 
  				<!-- <view class="head">
ab4209caf   喻鹏   update 
21
22
 
  					<view v-if="!opIsOpen">填写验光数据</view>
  					<view v-else></view>
eab89b254   喻鹏   updates 
23
 
  					<view class="headRighted" v-if="opIsOpen" @click="myCollapseChange(opIsOpen)"></view>
ab4209caf   喻鹏   update 
24
 
  					<view class="headRight" v-else @click="myCollapseChange(opIsOpen)" ></view>
7d6833f2c   范牧   地址列表 
25
 
  				</view> -->
ab4209caf   喻鹏   update 
26
 
  				<view class="body">
eab89b254   喻鹏   updates 
27
 
  					<template v-if="opIsOpen">
ab4209caf   喻鹏   update 
28
 
  						<view class="goods-form">
7d6833f2c   范牧   地址列表 
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
 
  							<view class="data-title">
  								<image src="../../static/icon-data.png" ></image>
  								<text class="p1">填写验光数据</text>
  							</view>
                <text class="p2">没有验光数据？请到线下眼镜店验光哦～</text>
                <view class="picker" >
                  <view class="picker-choice">
                    <view class="choice-left">
                      <text class="p11">验光单取名:</text>
                    </view>
                    <input class="choice-name uni-input" placeholder="下系" />
                  </view>
                </view>
                <view class="picker" >
                    <view class="picker-choice">
                        <view class="choice-left">
                            <text class="p11">{{pickerInfoList[0].nameC}}</text>
                            <text class="p12">{{pickerInfoList[0].nameE}}</text>
                        </view>
                        <text class="p13">左&nbsp;&nbsp;&nbsp;(OD)</text>
                        <text class="p14">{{pickerInfoList[0].nameArray1[pickerInfoList[0].nameIndex1]}}</text>
                        <picker @change="bindPickerChange01" :value="pickerInfoList[0].nameIndex1" :range="pickerInfoList[0].nameArray1">
                            <image src="../../static/detail-tabicon.png" ></image>
                        </picker>
                        <text class="p13">右&nbsp;&nbsp;&nbsp;(OS)</text>
                        <text class="p14">{{pickerInfoList[0].nameArray2[pickerInfoList[0].nameIndex2]}}</text>
                        <picker @change="bindPickerChange02" :value="pickerInfoList[0].nameIndex2" :range="pickerInfoList[0].nameArray2">
                            <image src="../../static/detail-tabicon.png" ></image>
                        </picker>
                    </view>
                </view>
                <view class="picker" >
                    <view class="picker-choice">
                      <view class="choice-left">
                          <text class="p11">{{pickerInfoList[1].nameC}}</text>
                          <text class="p12">{{pickerInfoList[1].nameE}}</text>
                      </view>
                      <text class="p13">左&nbsp;&nbsp;&nbsp;(OD)</text>
                      <text class="p14">{{pickerInfoList[1].nameArray1[pickerInfoList[1].nameIndex1]}}</text>
                      <picker @change="bindPickerChange11" :value="pickerInfoList[1].nameIndex1" :range="pickerInfoList[1].nameArray1">
                          <image src="../../static/detail-tabicon.png" ></image>
                      </picker>
                      <text class="p13">右&nbsp;&nbsp;&nbsp;(OS)</text>
                      <text class="p14">{{pickerInfoList[1].nameArray2[pickerInfoList[1].nameIndex2]}}</text>
                      <picker @change="bindPickerChange12" :value="pickerInfoList[1].nameIndex2" :range="pickerInfoList[1].nameArray2">
                          <image src="../../static/detail-tabicon.png" ></image>
                      </picker>
                    </view>
                </view>
                <view class="picker" >
                    <view class="picker-choice">
                      <view class="choice-left">
                          <text class="p11">{{pickerInfoList[2].nameC}}</text>
                          <text class="p12">{{pickerInfoList[2].nameE}}</text>
                      </view>
                      <text class="p13">左&nbsp;&nbsp;&nbsp;(OD)</text>
                      <text class="p14">{{pickerInfoList[2].nameArray1[pickerInfoList[2].nameIndex1]}}</text>
                      <picker @change="bindPickerChange21" :value="pickerInfoList[2].nameIndex1" :range="pickerInfoList[2].nameArray1">
                          <image src="../../static/detail-tabicon.png" ></image>
                      </picker>
                      <text class="p13">右&nbsp;&nbsp;&nbsp;(OS)</text>
                      <text class="p14">{{pickerInfoList[2].nameArray2[pickerInfoList[2].nameIndex2]}}</text>
                      <picker @change="bindPickerChange22" :value="pickerInfoList[2].nameIndex2" :range="pickerInfoList[2].nameArray2">
                          <image src="../../static/detail-tabicon.png" ></image>
                      </picker>
                    </view>
                </view>
                <view class="picker" >
                    <view class="picker-choice">
                      <view class="choice-left">
                          <text class="p11">{{pickerInfoList[3].nameC}}</text>
                          <text class="p12">{{pickerInfoList[3].nameE}}</text>
                      </view>
                      <text class="p13">左&nbsp;&nbsp;&nbsp;(OD)</text>
                      <text class="p14">{{pickerInfoList[3].nameArray1[pickerInfoList[3].nameIndex1]}}</text>
                      <picker @change="bindPickerChange31" :value="pickerInfoList[3].nameIndex1" :range="pickerInfoList[3].nameArray1">
                          <image src="../../static/detail-tabicon.png" ></image>
                      </picker>
                      <text class="p13">右&nbsp;&nbsp;&nbsp;(OS)</text>
                      <text class="p14">{{pickerInfoList[3].nameArray2[pickerInfoList[3].nameIndex2]}}</text>
                      <picker @change="bindPickerChange32" :value="pickerInfoList[3].nameIndex2" :range="pickerInfoList[3].nameArray2">
                          <image src="../../static/detail-tabicon.png" ></image>
                      </picker>
                    </view>
                </view>
                <view class="picker" >
                    <view class="picker-choice">
                      <view class="choice-left">
                          <text class="p11">{{pickerInfoList[4].nameC}}</text>
                      </view>
                      <text class="p13-date">年&nbsp;&nbsp;&nbsp;(Y)</text>
                      <text class="p14" style="width: 34px;">{{pickerInfoList[4].nameArray1[pickerInfoList[4].nameIndex1]}}</text>
                      <picker @change="bindPickerChange41" :value="pickerInfoList[4].nameIndex1" :range="pickerInfoList[4].nameArray1">
                          <image src="../../static/detail-tabicon.png" ></image>
                      </picker>
                      <text class="p13-date">月&nbsp;&nbsp;&nbsp;(M)</text>
                      <text class="p14" style="width: 30px;">{{pickerInfoList[4].nameArray2[pickerInfoList[4].nameIndex2]}}</text>
                      <picker @change="bindPickerChange42" :value="pickerInfoList[4].nameIndex2" :range="pickerInfoList[4].nameArray2">
                          <image src="../../static/detail-tabicon.png" ></image>
                      </picker>
                      <text class="p13-date">日&nbsp;&nbsp;&nbsp;(D)</text>
                      <text class="p14" style="width: 30px;">{{pickerInfoList[4].nameArray3[pickerInfoList[4].nameIndex3]}}</text>
                      <picker @change="bindPickerChange43" :value="pickerInfoList[4].nameIndex3" :range="pickerInfoList[4].nameArray3">
                          <image src="../../static/detail-tabicon.png" ></image>
                      </picker>
                    </view>
                </view>
                <view class="confirm">
                    <image :src="tablist.confirm ? tabicon[0] : tabicon[1]" @click="changeConfirm"></image>
                    <text>确认以上输入信息来源于我的验光数据!</text>
                </view>
ab4209caf   喻鹏   update 
140
141
 
  						</view>
eab89b254   喻鹏   updates 
142
143
 
  					</template>
  					<template v-else>
ab4209caf   喻鹏   update 
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
 
  						<view v-for="item in pickerInfoList" :key="item.key" class="bodyBox">
  							<template v-if="item.nameC==='验光日期'">
  								<text class="names">{{item.nameC}}</text>
  								<text style="margin-right: 5px;">{{item.nameArray1[item.nameIndex1]}}年</text>
  								<text style="margin-right: 5px;">{{item.nameArray2[item.nameIndex2]}}月</text>
  								<text>{{item.nameArray3[item.nameIndex2]}}日</text>
  							</template>
  							<template v-else>
  								<template v-if="item.nameC==='度数'">
  									<text style="display: inline;">*</text>
  								</template>
  				
  									<text class="names">{{item.nameC}}</text>
  									<text style="margin-right: 10px;">左&nbsp;{{item.nameArray1[item.nameIndex1]}}</text>
  									<text>右&nbsp;{{item.nameArray2[item.nameIndex2]}}</text>
  							</template>
  						</view>
eab89b254   喻鹏   updates 
161
 
  					</template>
ab4209caf   喻鹏   update 
162
163
 
  				</view>
  			</view>
c300654f9   范牧   首页部分功能 
164
165
166
167
168
 
  			<!-- 实用功能折叠框 -->
  			<MyCollapse :isOpenProps="funIsOpen" :funListProp="funList"  :funContentProp="funContent" title="实用功能"></MyCollapse>
  			<MyCollapse :isOpenProps="kindIsOpen" :funListProp="kindList1" :funList2Prop="kindList2"  :funContentProp="kindContent" title="镜片种类"></MyCollapse>
  			<MyCollapse :isOpenProps="maIsOpen" :funListProp="maList1" :funList2Prop="maList2" :funContentProp="maContent" title="材质选择"></MyCollapse>
  			<MyCollapse :isOpenProps="reIsOpen" :funListProp="reList1" :funList2Prop="reList2" :funContentProp="reContent" title="折射率"></MyCollapse>
7d6833f2c   范牧   地址列表 
169
170
171
172
173
174
175
176
177
178
 
  			<view 
         v-for="item in attrList"
         :key="item.mid"
  			>
  				<MyCollapse
           :funListProp="item"
           :funContentProp="reContent" 
           :title="item.meta_name"
  				/>
  			</view>
ab4209caf   喻鹏   update 
179
180
181
182
183
184
185
 
  		</view>
  		<view class="submit">立即结算</view>
  	</view>
  </template>
  
  <script>
  	import MyCollapse from './compoents/MyCollapse.vue'
7d6833f2c   范牧   地址列表 
186
 
  	import store from '@/store'
ab4209caf   喻鹏   update 
187
188
189
 
  	export default {
  		components: {
  			MyCollapse
7d6833f2c   范牧   地址列表 
190
 
  		},
ab4209caf   喻鹏   update 
191
192
193
194
195
196
197
198
 
  		data() {
  			return {
  				count:1,
  				disabled:false,
  				price:180,
  				// 实用功能参数
  				funIsOpen:true, // 默认myCollapse开启
  				funList: [
7d2bdf29e   喻鹏   修改镜片选购逻辑 添加购物车和用户... 
199
200
201
202
203
204
 
  					{"name":"防紫外线","isChioce": false,"key":1,"type": "fun"},
  					{"name":"防蓝光","isChioce": false,"key":2,"type": "fun"},
  					{"name":"智能变色","isChioce": false,"key":3,"type": "fun"},
  					{"name":"易清洁","isChioce": false,"key":4,"type": "fun"},
  					{"name":"防辐射","isChioce": false,"key":5,"type": "fun"},
  					{"name":"抗疲劳","isChioce": false,"key":6,"type": "fun"},
ab4209caf   喻鹏   update 
205
206
 
  				],
  				funContent:[],
ab4209caf   喻鹏   update 
207
 
  				// 镜片种类参数
eab89b254   喻鹏   updates 
208
 
  				kindIsOpen:true,
ab4209caf   喻鹏   update 
209
 
  				kindList1: [
7d2bdf29e   喻鹏   修改镜片选购逻辑 添加购物车和用户... 
210
211
 
  					{"name":"染色","isChioce":false,key:1,"type": "kind"},
  					{"name":"渐变","isChioce":false,key:2,"type": "kind"},
ab4209caf   喻鹏   update 
212
213
 
  				],
  				kindList2: [
7d2bdf29e   喻鹏   修改镜片选购逻辑 添加购物车和用户... 
214
215
216
217
218
 
  					{"name":"JB234759","isChioce":false,key:3,"type": "kind"},
  					{"name":"JB234759","isChioce":false,key:4,"type": "kind"},
  					{"name":"JB234759","isChioce":false,key:5,"type": "kind"},
  					{"name":"JB234759","isChioce":false,key:6,"type": "kind"},
  					{"name":"JB234759","isChioce":false,key:7,"type": "kind"},
ab4209caf   喻鹏   update 
219
 
  				],
7d6833f2c   范牧   地址列表 
220
 
  				kindContent: [],
ab4209caf   喻鹏   update 
221
 
  				// 材质选择
7d6833f2c   范牧   地址列表 
222
 
  				maIsOpen: true,
ab4209caf   喻鹏   update 
223
224
225
226
227
228
229
230
 
  				maList1: [
  					{"name":"树脂镜片","isChioce":false,key:1,"range":"0-300度","isRange":true},
  					{"name":"特殊镜片","isChioce":false,key:2},
  				],
  				maList2: [
  					{"name":"玻璃镜片","isChioce":false,key:3,"range":"300-1000度","isRange":true},
  					{"name":"玻璃镜片","isChioce":false,key:4},
  				],
7d6833f2c   范牧   地址列表 
231
 
  				maContent: [],
ab4209caf   喻鹏   update 
232
 
  				// 折射率参数
7d6833f2c   范牧   地址列表 
233
 
  				reIsOpen: true,
ab4209caf   喻鹏   update 
234
235
236
237
238
239
240
241
242
243
244
245
 
  				reList1: [
  					{"name":"1.56（推荐）","isChioce":false,key:1,"range":"0-300度","isRange":true},
  					{"name":"1.60","isChioce":false,key:2},
  				],
  				reList2: [
  					{"name":"1.71（推荐）","isChioce":false,key:3,"range":"300-1000度","isRange":true},
  					{"name":"1.67","isChioce":false,key:4},
  					{"name":"1.71","isChioce":false,key:5},
  					{"name":"1.74","isChioce":false,key:6},
  				],
  				reContent:[],
  				// 验光参数
eab89b254   喻鹏   updates 
246
 
  				opIsOpen:true,
ab4209caf   喻鹏   update 
247
 
  				tablist: {
7d6833f2c   范牧   地址列表 
248
249
250
 
  					// read: true,
  					// seeLong: false,
  					confirm: false
ab4209caf   喻鹏   update 
251
252
 
  				},
  				tabicon:['/static/detail-button.png','/static/detail-button-unselected.png'],
7d6833f2c   范牧   地址列表 
253
 
          // 度数相关数据
ab4209caf   喻鹏   update 
254
 
  				pickerInfoList:[
7d6833f2c   范牧   地址列表 
255
256
257
258
259
 
  					{nameC:"度数",nameE:"(SPH)",nameArray1:[1.5,2.5,3.5,4.5],nameIndex1:0,nameArray2:[1.5,2.5,3.5,4.5],nameIndex2:0,key:0},
  					{nameC:"散光",nameE:"(CYL)",nameArray1:[1.5,2.5,3.5,4.5],nameIndex1:0,nameArray2:[1.5,2.5,3.5,4.5],nameIndex2:0,key:1},
  					{nameC:"散光轴位",nameE:"(AXI)",nameArray1:[1.5,2.5,3.5,4.5],nameIndex1:0,nameArray2:[1.5,2.5,3.5,4.5],nameIndex2:0,key:2},
  					{nameC:"双眼瞳距",nameE:"(PD)",nameArray1:[1.5,2.5,3.5,4.5],nameIndex1:0,nameArray2:[1.5,2.5,3.5,4.5],nameIndex2:0,key:3},
  					{nameC:"验光日期",nameE:'',nameArray1:[2017,2018,2019,2020,2021],nameIndex1:0,nameArray2:[1,2,3,4,5,6,7],nameIndex2:0,nameArray3:[1,2,3,4,5,6],nameIndex3:0}
ab4209caf   喻鹏   update 
260
261
262
263
 
  				],
  				
  			}
  		},
7d6833f2c   范牧   地址列表 
264
265
266
267
268
269
270
271
272
273
 
  		onLoad() {
  			store.dispatch('read/fetch', {
  				pid: 9,
  			})
  		},
  		computed: {
  			attrList() {
  				return this.$store.state.read.goodInfo.attrList;
  			}
  		},
ab4209caf   喻鹏   update 
274
275
276
277
 
  		methods: {
  			counter(isadd){
  				if(isadd){
  					this.count++
7d6833f2c   范牧   地址列表 
278
 
  				} else {
ab4209caf   喻鹏   update 
279
280
281
282
283
284
285
286
 
  					this.count <= 1? this.disabled = true:this.count--
  				}
  			},
  			myCollapseChange(isopen){
  				// console.log(isopen)
  				this.opIsOpen = !isopen
  			},
  			changeConfirm() {
7d6833f2c   范牧   地址列表 
287
 
          this.tablist.confirm = !this.tablist.confirm
ab4209caf   喻鹏   update 
288
289
290
 
  			},
  			
  			bindPickerChange01: function(e) {
7d6833f2c   范牧   地址列表 
291
 
          this.pickerInfoList[0].nameIndex1 = e.target.value
ab4209caf   喻鹏   update 
292
293
 
  			},
  			bindPickerChange02: function(e) {
7d6833f2c   范牧   地址列表 
294
 
          this.pickerInfoList[0].nameIndex2 = e.target.value
ab4209caf   喻鹏   update 
295
296
297
 
  			},
  			
  			bindPickerChange11: function(e) {
7d6833f2c   范牧   地址列表 
298
 
          this.pickerInfoList[1].nameIndex1 = e.target.value
ab4209caf   喻鹏   update 
299
300
 
  			},
  			bindPickerChange12: function(e) {
7d6833f2c   范牧   地址列表 
301
 
          this.pickerInfoList[1].nameIndex2 = e.target.value
ab4209caf   喻鹏   update 
302
303
304
 
  			},
  			
  			bindPickerChange21: function(e) {
7d6833f2c   范牧   地址列表 
305
 
          this.pickerInfoList[2].nameIndex1 = e.target.value
ab4209caf   喻鹏   update 
306
307
 
  			},
  			bindPickerChange22: function(e) {
7d6833f2c   范牧   地址列表 
308
 
          this.pickerInfoList[2].nameIndex2 = e.target.value
ab4209caf   喻鹏   update 
309
310
311
 
  			},
  			
  			bindPickerChange31: function(e) {
7d6833f2c   范牧   地址列表 
312
 
          this.pickerInfoList[3].nameIndex1 = e.target.value
ab4209caf   喻鹏   update 
313
314
 
  			},
  			bindPickerChange32: function(e) {
7d6833f2c   范牧   地址列表 
315
 
          this.pickerInfoList[3].nameIndex2 = e.target.value
ab4209caf   喻鹏   update 
316
317
318
 
  			},   
  			
  			bindPickerChange41: function(e) {
7d6833f2c   范牧   地址列表 
319
 
          this.pickerInfoList[4].nameIndex1 = e.target.value
ab4209caf   喻鹏   update 
320
321
 
  			},
  			bindPickerChange42: function(e) {
7d6833f2c   范牧   地址列表 
322
 
          this.pickerInfoList[4].nameIndex2 = e.target.value
ab4209caf   喻鹏   update 
323
324
 
  			},         
  			bindPickerChange43: function(e) {
7d6833f2c   范牧   地址列表 
325
 
          this.pickerInfoList[4].nameIndex3 = e.target.value
ab4209caf   喻鹏   update 
326
327
328
329
330
331
332
333
334
335
336
337
338
 
  			},
  		}
  	}
  </script>
  
  <style lang="scss" scoped>
  	.content{
  		width: 100%;
  		background-color: #F2F2F2;
  		display: flex;
  		flex-direction: column;
  		align-items: center;
  	}
7d6833f2c   范牧   地址列表 
339
340
341
 
  	.choice-name {
  		border-bottom: 1px solid #CFCFCF;
  	}
ab4209caf   喻鹏   update 
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
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
431
432
433
434
435
436
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
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
 
  	.goods-info{
  		width: 100%;
  		height: 272rpx;
  		box-sizing: border-box;
  		padding: 40rpx 40rpx 36rpx 36rpx;
  		margin: 36rpx 0 18rpx 0;
  		// margin-bottom: -18rpx;
  		// margin-top: -36rpx;
  		background: #FFFFFF;
  		border-radius: 16rpx;
  		display: flex;
  		image{
  			width: 94px;
  			height: 94px;
  			margin-right: 28rpx;
  		}
  		.box-right{
  			width: 458rpx;
  			display: flex;
  			flex-direction: column;
  			align-items: flex-start;
  			justify-content: space-between;
  			.p1 {
  				// font-family: PingFangSC-Regular;
  				font-size: 14px;
  				color: #333333;
  				letter-spacing: -0.26px;
  				text-align: justify;
  				line-height: 18px;
  			}
  			.p2 {
  				// font-family: PingFangSC-Regular;
  				font-size: 10px;
  				color: #999999;
  				letter-spacing: -0.19px;
  				margin-top: -20rpx;
  			}
  			.priceBox{
  				display: flex;
  				flex-direction: row;
  				justify-content: space-between;
  				width: 100%;
  				.price{
  					color: #FF6B4A;
  					font-size: 28rpx;
  				}
  				.counter{
  					display: flex;
  					flex-direction: row;
  					justify-content: space-between;
  					font-size: 28rpx;
  					color: #333333;
  					width: 122rpx;
  					.btn{
  						display: flex;
  						justify-content: center;
  						line-height: 32rpx;
  						height: 32rpx;
  						width: 32rpx;
  						background-color: #F2F2F2;
  						color: #CFCFCF;
  					}
  				}
  			}
  		}
  	}
  	
  	.goods-data{
  		width: 100%;
  		box-sizing: border-box;
  		padding: 37rpx 40rpx 0 40rpx;
  		background: #FFFFFF;
  		border-radius: 12rpx;
  		margin-bottom: 92px;
  		.opCollapse{
  			width: 100%;
  			padding-bottom: 28rpx;
  			margin-top: 7px;
  			border-bottom: 1px solid #E9E9E9;
  			.head{
  				display: flex;
  				justify-content: space-between;
  				height: 24px;
  				// font-family: PingFangSC-Medium;
  				font-size: 16px;
  				color: #333333;
  				letter-spacing: -0.3px;
  				text-align: justify;
  				line-height: 24px;
  				margin-bottom: 18rpx;
  				.headRighted{
  					width: 0;
  					height: 0;
  					border-left: 4px solid transparent;
  					border-right: 4px solid transparent;
  					border-bottom: 4px solid #CFCFCF;
  					transform: scaleY(-1);
  					margin-top: 10px;
  				}
  				.headMid{
  					// font-family: PingFangSC-Regular;
  					font-size: 10px;
  					color: #999999;
  					letter-spacing: -0.19px;
  					margin-left: -120rpx;
  				}
  				.headRight{
  					width: 0;
  					height: 0;
  					border-left: 4px solid transparent;
  					border-right: 4px solid transparent;
  					border-bottom: 4px solid #CFCFCF;
  					margin-top: 10px;
  				}
  			}
  			.body{
  				// font-family: PingFangSC-Regular;
  				font-size: 12px;
  				color: #666666;
  				letter-spacing: 0;
  				.bodyBox{
  					margin-top: 15px;
  					.names{
  						// font-family: PingFangSC-Regular;
  						font-size: 12px;
  						color: #151515;
  						letter-spacing: 0;
  						text-align: justify;
  						line-height: 17px;
  						margin-left: 5px;
  						margin-right: 10px;
  					}
  					text{
  						// font-family: PingFangSC-Regular;
  						font-size: 12px;
  						color: #666666;
  						letter-spacing: 0;
  						text-align: justify;
  					}
  				}
  
  			}
  		}
  
  	}
  	
  	.goods-form {
  		display: flex;
  		flex-direction: column;
  		align-items: center;
  		justify-content: center;
  		background-color: #fff;
7d6833f2c   范牧   地址列表 
494
 
      width: 100%;
ab4209caf   喻鹏   update 
495
 
  		.p1 {
7d6833f2c   范牧   地址列表 
496
497
498
499
500
501
 
          font-size: 16px;
          color: #333333;
          letter-spacing: -0.3px;
          text-align: justify;
          line-height: 24px;
          margin: 4px 0;
ab4209caf   喻鹏   update 
502
7d6833f2c   范牧   地址列表 
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
 
      }
      .p2 {
          font-size: 12px;
          color: #999999;
          letter-spacing: -0.23px;
          margin-bottom: 18rpx;
      }
      image{
          width: 28rpx;
          height: 26rpx;
      }
      .confirm {
          display: flex;
          align-items: center;
          font-size: 12px;
          color: #666666;
          letter-spacing: -0.23px;
          width: 684rpx;
          image{
              margin-right:25rpx;
          }
      }
      .picker{
ab4209caf   喻鹏   update 
526
 
  			display: flex;
7d6833f2c   范牧   地址列表 
527
528
 
  			flex-direction: column;
  			justify-content: center;
ab4209caf   喻鹏   update 
529
 
  			align-items: center;
7d6833f2c   范牧   地址列表 
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
555
556
557
558
559
 
  			width: 100%;
  			image{
  				width: 10px;
  				height: 10px;
  				margin-right: 5px;
  			}
  			.picker-choice{
  				display: flex;
  				width: 684rpx;
  				align-items: center;
  				margin-bottom: 40rpx;
  				.choice-left{
  					width: 210rpx;
  					.p11 {
  						font-size: 14px;
  						color: #333333;
  						letter-spacing: -0.26px;
  						text-align: justify;
  						line-height: 24px;
  						// margin-right: 10px;
  					}
  					.p12 {
  						font-size: 10px;
  						color: #3F3F3F;
  						letter-spacing: -0.19px;
  						text-align: justify;
  						line-height: 24px;
  					}
ab4209caf   喻鹏   update 
560
 
  				}
7d6833f2c   范牧   地址列表 
561
 
  				.p13 {
ab4209caf   喻鹏   update 
562
 
  					font-size: 10px;
7d6833f2c   范牧   地址列表 
563
 
  					color: #999999;
ab4209caf   喻鹏   update 
564
 
  					letter-spacing: -0.19px;
7d6833f2c   范牧   地址列表 
565
 
  					margin-right: 10px;
ab4209caf   喻鹏   update 
566
 
  				}
7d6833f2c   范牧   地址列表 
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
 
  				.p13-date {
  					font-size: 10px;
  					color: #999999;
  					letter-spacing: -0.19px;
  					margin-right: 5px;
  				}
  				.p14 {
  					font-size: 14px;
  					color: #666666;
  					letter-spacing: -0.26px;
  					text-align: center;
  					width: 124rpx;
  					border-bottom: 1px solid #CFCFCF;
  				}
ab4209caf   喻鹏   update 
582
 
  			}
ab4209caf   喻鹏   update 
583
584
 
  		}
  	}
ab4209caf   喻鹏   update 
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
 
  	
  	.submit{
  		width: 100%;
  		height: 112rpx;
  		background: #FF6B4A;
  		position: fixed;
  		bottom: 0;
  		text-align: center;
  		line-height: 112rpx;
  		// font-family: PingFangSC-Regular;
  		font-size: 16px;
  		color: #FFFFFF;
  		letter-spacing: -0.3px;
  	}
  	
  </style>