65 lines
2.4 KiB
Vue
65 lines
2.4 KiB
Vue
<template>
|
|
<view>
|
|
<status-container titlet="地址新增" returnc="#FFFFFF">
|
|
<view slot="content" style="margin-top: -20rpx;">
|
|
<view class="bacf pad-x30 pad-zy20">
|
|
<view class="pad20 disjbac bbot">
|
|
<view class="fon24 col26 flexs width140">姓名</view>
|
|
<input type="text" class="width100 fon24" placeholder="收货人姓名" placeholder-style="color:#969696;">
|
|
</view>
|
|
<view class="pad20 disjbac bbot">
|
|
<view class="fon24 col26 flexs width140">电话</view>
|
|
<input type="text" class="width100 fon24" placeholder="收货人手机号" placeholder-style="color:#969696;">
|
|
</view>
|
|
<view class="pad20 disjbac bbot">
|
|
<view class="fon24 col26 flexs width140">地区</view>
|
|
<input type="text" class="width100 fon24" disabled placeholder="选择省/市/区" placeholder-style="color:#969696;">
|
|
</view>
|
|
<view class="pad20 disjbac bbot">
|
|
<view class="fon24 col26 flexs width140">详细地址</view>
|
|
<input type="text" class="width100 fon24" placeholder="街道门牌、楼层房间号等信息" placeholder-style="color:#969696;">
|
|
</view>
|
|
<view class="pad20 disjbac bbot">
|
|
<view class="fon24 col26 flexs width140">邮政编码</view>
|
|
<input type="text" class="width100 fon24" placeholder="邮政编码" placeholder-style="color:#969696;">
|
|
</view>
|
|
<view class="pad20 disjbac">
|
|
<view class="fon24 col26 flexs">设为默认收货地址</view>
|
|
<evan-switch v-model="moAddress" @change="setMoAddress" :size="28" inactive-color="#dedede" active-color="#f37717"></evan-switch>
|
|
</view>
|
|
</view>
|
|
<view class="disjcac fc fon28 pad-s50">
|
|
<!-- 保存 -->
|
|
<view class="disjcac radius34" style="width: 670rpx;height: 80rpx;background-color: #f37717;color: #FFFFFF;border: 2rpx solid #f37717;">保存</view>
|
|
<!-- 删除 -->
|
|
<view class="disjcac radius34 mar-s20 borbot-df" style="width: 670rpx;height: 80rpx;background-color: #FFFFFF;">删除</view>
|
|
</view>
|
|
</view>
|
|
</status-container>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import evanSwitch from '@/components/evan-switch/evan-switch.vue';
|
|
export default {
|
|
components:{
|
|
evanSwitch
|
|
},
|
|
data() {
|
|
return {
|
|
moAddress:false
|
|
}
|
|
},
|
|
methods: {
|
|
// 是否设为默认地址
|
|
setMoAddress(status){
|
|
this.moAddress = status;
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
.width140{width: 140rpx;}
|
|
</style>
|