delivery-customer/pages/address/address.wxml

<!--pages/address/address.wxml--> 
<view class="all"> 
<!-- 内容 --> 
  <view class="content"> 
  <!-- 姓名 --> 
    <view class="name"> 
    <van-field 
    value="{{ name }}" 
    label="姓名" 
    placeholder="请填写姓名" 
    /> 
  </view> 
  <!-- 手机号 --> 
  <view class="name"> 
    <van-field 
    value="{{ phone }}" 
    label="手机号" 
    placeholder="请填写手机号" 
    /> 
  </view> 
  <!-- 性别 --> 
  <view class="gender"> 
   <view style="float: left; margin: 0.8rem 1rem; color: rgb(117, 117, 117);">性别</view> 
    <van-radio-group value="{{ radio }}" bind:change="onChange" direction="horizontal"> 
  <van-radio use-icon-slot value="{{ radio }}" name="1"> 
    <view style="float: left;  margin-top: 0.5rem;">男</view> 
    <image slot="icon" src="{{ radio === '1' ? icon.active : icon.normal }}"  style="width: 1rem;height: 1rem; margin-top: 1rem; margin-left: 3rem;"/> 
  </van-radio> 
  <van-radio use-icon-slot value="{{ radio }}" name="2" > 
    <view style="float: left; margin-top: 0.5rem;">女</view> 
    <image slot="icon" src="{{ radio === '2' ? icon.active : icon.normal }}" style="width: 1rem;height: 1rem; margin-top: 1rem;" /> 
  </van-radio> 
</van-radio-group> 
  </view> 
  <!-- 选择地址 --> 
  <view class="name"> 
    <van-cell title="收货地址" is-link value="请点击选择地址" center="true"/> 
  </view> 
  <!-- 门牌号 --> 
  <view class="name"> 
    <van-field 
    value="{{ housu }}" 
    label="姓名" 
    placeholder="例：1号公寓2门312" 
    /> 
  </view> 
  <!-- 默认 --> 
  <view class="gender"> 
    <view style="float: left; margin: 0.8rem 1rem; color: rgb(117, 117, 117);">设置默认</view> 
    <van-switch checked="{{ checked }}"  
    bind:change="onChange2" 
    active-color="#07c160" 
    inactive-color="#C0C0C0" style="position:relative;left: 13rem; top: 0.7rem;"size="20px"/> 
  </view> 
</view> 
  <!-- 按钮 --> 
<view class="box"> 
  <van-button round type="info" color="#FF7F00" block>提交</van-button> 
</view> 
</view>