wxapp-test/pages/pay/index.wxml

<!-- pages/pay/index.wxml -->
<view name="订单页面" wx:if="{{!addressDialog}}">
  <view name="地址选择">
    <van-row>
      <view class="top__tag">
        <van-col span="24">
          <van-tag type="danger" class="tag__margin" wx-if="{{address.is_default}}">默认</van-tag>
          <span wx:if="{{address.tags}}">
            <van-tag wx:for="{{address.tags}}" wx:for-index="index" wx:key="tagKey" wx:for-item="tag" type="primary" class="tag__margin">
              {{tag}}
            </van-tag>
          </span>
          {{address.position}}
        </van-col>
      </view>
      <van-col span="24" class="address">
        <van-cell is-link border="{{false}}" bind:click="toAddressSelect">
          <view slot="title">
            <span class="big__title">{{address.place}}</span>
          </view>
        </van-cell>
      </van-col>
      <van-col span="24">
        <van-cell>
          <view slot="title">
            <span class="context">{{address.d_contact}} {{address.d_phone}}</span>
          </view>
        </van-cell>
        <van-cell>
          <view slot="title" is-link>
            <span class="send__line">立即送出</span>
          </view>
          <span class="send__line__time">大约23:32送达</span>
        </van-cell>
      </van-col>
    </van-row>
  </view>
  <view name="商品列表">
    <van-card wx:for="{{goods}}" wx:for-index="gIndex" wx:key="gkey" wx:for-item="good" num="{{good.num}}" price="{{good.price}}" desc="{{good.desc}}" title="{{good.title}}" thumb="{{ good.thumb }}" thumb-class="thumb" />
  </view>
  <view name="配送信息">
    <van-cell title="配送费" border="{{false}}">
      <span class="cell__value">5</span>
    </van-cell>
  </view>
  <view name="金额">
    <van-cell title="商品金额">
      <span class="cell__value">60</span>
    </van-cell>
  </view>
  <view name="备注" style="margin-bottom:120rpx">
    <van-field label="备注" model:value="{{ remark }}" placeholder="若需要,请填写备注" border="{{ false }}" />
  </view>
</view>
<page-container show="{{addressDialog}}" position="right" custom-style="height:100vh">
  <van-nav-bar title="选择地址" left-text="返回" left-arrow bind:click-left="toAddressSelect" custom-class="addr__top" />
  <van-radio-group value="{{ address.id }}" bind:change="addressChange">
    <view wx:for="{{addressList}}" wx:for-index="index" wx:key="addrkey" wx:for-item="addr">
      <van-row custom-class="address__list">
        <van-col span="2">
          <van-radio name="{{addr.id}}"></van-radio>
        </van-col>
        <van-col span="20">
          <van-col span="24" custom-class="one__line">
            <span class="place__word ">{{addr.place}}</span>
          </van-col>
          <van-col span="24">{{addr.d_contact}} {{addr.d_phone}}</van-col>
        </van-col>
        <van-col span="2" custom-class="address__list__edit">
          <van-icon name="edit" bind:click="addressEdit" data-data="{{addr}}" />
        </van-col>
      </van-row>
      <van-divider></van-divider>
    </view>
  </van-radio-group>
</page-container>
<view>
  <van-submit-bar price="{{ 6000 }}" button-text="提交订单" bind:submit="onSubmit" />
</view>