You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
92 lines
1.5 KiB
92 lines
1.5 KiB
<template>
|
|
<view>
|
|
<view class="top">
|
|
<u-field
|
|
v-model="name"
|
|
label="收货人"
|
|
placeholder="请填写"
|
|
>
|
|
</u-field>
|
|
<u-field
|
|
v-model="mobile"
|
|
label="手机号"
|
|
placeholder="请填写"
|
|
>
|
|
</u-field>
|
|
<u-field @click="showAction" v-model="address"
|
|
:disabled="true" label="所属城市" placeholder="请选择"
|
|
right-icon="arrow-down-fill"
|
|
></u-field>
|
|
<u-picker mode="region" v-model="show"></u-picker>
|
|
</view>
|
|
<view class="bottom">
|
|
<view class="title">
|
|
详细地址
|
|
</view>
|
|
<u-input v-model="realAddr" placeholder="XX街道XX 小区1栋1单元101" type="textarea"></u-input>
|
|
</view>
|
|
<view class="footerBtn">
|
|
保存修改
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default{
|
|
data(){
|
|
return{
|
|
name:'',
|
|
mobile:'',
|
|
show:false,
|
|
address:'',
|
|
}
|
|
},
|
|
methods:{
|
|
showAction(){
|
|
this.show = true;
|
|
},
|
|
},
|
|
mounted(){
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
page{
|
|
min-height:100%;
|
|
background-color: #F7F8FA;
|
|
}
|
|
.top{
|
|
background-color: #fff;
|
|
padding:0 40upx;
|
|
margin-top:12upx;
|
|
}
|
|
.bottom{
|
|
background-color: #fff;
|
|
margin-top:8upx;
|
|
padding:26upx 40upx;
|
|
.title{
|
|
font-size: 28upx;
|
|
font-family: PingFang SC, PingFang SC;
|
|
font-weight: 500;
|
|
color: #3B3B3B;
|
|
margin-bottom: 30upx;
|
|
|
|
}
|
|
}
|
|
.footerBtn{
|
|
width:80%;
|
|
height: 100upx;
|
|
line-height: 100upx;
|
|
background: #FFAAA4;
|
|
border-radius: 6px 6px 6px 6px;
|
|
opacity: 1;
|
|
font-size: 28upx;
|
|
font-family: PingFang SC, PingFang SC;
|
|
font-weight: 500;
|
|
color: #FFFFFF;
|
|
text-align: center;
|
|
margin:64upx auto;
|
|
}
|
|
</style> |