detail.vue
2.8 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
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
<template>
<view class="container" style="background-color:#F7F7F7;background-size:100% 100%;z-index:-1;">
<view style="background-color:white;border-radius:10px;padding:10px;margin:20rpx;">
<view style="display:flex;align-items:center;border-bottom:1px solid #e0e0e0;padding:10px;">
<view style="font-size:30rpx;">收货人</view>
<view style="margin-left:10px;">
<input maxlength="20" placeholderStyle="font-size:30rpx;" type="text"></input>
</view>
</view>
<view style="display:flex;align-items:center;border-bottom:1px solid #e0e0e0;padding:10px;">
<view style="font-size:30rpx;">联系电话</view>
<view style="margin-left:10px;">
<input maxlength="20" placeholderStyle="font-size:30rpx" type="text"></input>
</view>
</view>
<view style="display:flex;align-items:center;border-bottom:1px solid #e0e0e0;padding:10px;justify-content:space-between;">
<view style="font-size:30rpx;">所在地区</view>
<view @click="openPicker" style="margin-left:10px;">
<view style="display:flex;align-items:center;" v-if="isshow">
<view style="color:gray;">请选择</view>
<view>
<image :src="BASE_URL+'/api/File/Image/annexpic/right.png'" style="width:20px;height:20px;margin-top:6px;"></image>
</view>
</view>
<view wx:else>{{''+text+''}}</view>
</view>
</view>
<view style="display:flex;border-bottom:1px solid #e0e0e0;padding:10px;width:100%;">
<view style="font-size:30rpx;width:25%;">详情地址</view>
<view style="margin-left:10px;width:75%;">
<textarea style="min-height:200rpx;"></textarea>
</view>
</view>
</view>
<view style="background-color:white;border-radius:10px;padding:10px;margin:20rpx;">
<textarea autoHeight placeholder="复制收获信息(姓名前后请输入空格)" style="min-height:200rpx;"></textarea>
<view style="width:200rpx;height:50rpx;border:1px solid red;padding:10rpx;border-radius:10px;text-align:center;color:red;margin:0 auto;">自动识别</view>
</view>
<view style="background-color:#FF4544;width:90%;border-radius:20px;padding:10px;text-align:center;margin:0 auto;color:white;">保存地址</view>
<uni-popup class="vue-ref" ref="popup" :maskClick="true" >
<lotus-address ></lotus-address>
</uni-popup>
</view>
</template>
<script>
import BASE_URL from '../../common/config.js'
export default{
data(){
return{
BASE_URL,
isshow:false,
text:''
}
},
onLoad() {
},
methods:{
}
}
</script>
<style>
</style>