school_meal_wxapp/pages/pay/pay.wxml

<l-container>
  <view slot="container" class="globstyle pay">
    <!-- 自定义 -->
    <!-- 收货方 -->
    <van-cell bind:click="ChooseAddress" center is-link>
      <view class="user-address" slot="title">
        <view wx:if="{{!useraddress.id}}" class="red">请选择学生</view>
        <view class="user-address-h1">{{useraddress.name}} {{useraddress.tel}}</view>
        <view class="user-address-h2">
          <van-tag wx:if="{{useraddress.lock}}" round type="danger">默认</van-tag>
          {{useraddress.address}}
        </view>
      </view>
    </van-cell>
    <!-- 商品清单 -->
    <view class="pay-list">
      <van-cell value="{{shopdetail.name}}">
        <view class="title" slot="title">老实人学生营养餐</view>
      </van-cell>
      <view class="container" slot="title">
        <scroll-view scroll-x="true" class="scroll">
          <image mode="heightFix" class="img" src="{{shopdetail.img}}" />
        </scroll-view>
      </view>
    </view>
    <!-- 用户设置 -->
    <view class="pay-setup">
      <van-field model:value="{{ message }}" maxlength="50" label="订单备注" type="textarea" placeholder="请输入留言..." autosize
        border="{{ false }}" />
    </view>
    <!-- 支付方式 -->
    <view class="pay-type">
      <van-cell>
        <view class="title" slot="title">支付方式</view>
      </van-cell>
      <van-radio-group value="{{ paytype }}" bind:change="onChange">
        <van-cell border="{{false}}">
          <view class="type" slot="title">
            <view class="str">
              <van-icon name="wechat-pay" color="green" size="16" />
              微信支付
            </view>
            <view class="radio">
              <van-radio name="1" />
            </view>
          </view>
        </van-cell>
      </van-radio-group>
    </view>
    <!-- 提交支付 -->
    <van-submit-bar disabled="{{disabled}}" loading="{{loadding}}" price="{{ shopdetail.amount*100 }}"
      button-text="提交订单" bind:submit="onSubmit" />
  </view>
</l-container>