toktok-front/toktok-wx-applet/pages/beerBoxPayment/beerBoxPayment.wxml

<!--pages/beerBoxPayment/beerBoxPayment.wxml-->
<wxs module="filter" src="/utils/filter.wxs"></wxs>

<view class="box-head" style="background-color: {{beerBoxDetail.bgColor}};">
  <image class="back" src="/static/img/back.png" catchtap="backFun" />
  <view class="box-title">
    {{beerBoxDetail.boxName}}
  </view>
  <view class="time">
    <view class="box-time">
      <text>订阅期数</text>
      <text>{{beerBoxDetail.boxNo}}期</text>
    </view>
    <text></text>
    <view class="box-time" style="margin-left: 64rpx;">
      <text>截止时间</text>
      <text>{{beerBoxDetail.cutOffTime}}</text>
    </view>
  </view>
</view>

<view class="ad-box" bindtap="toMineAd">
  <image src="/static/img/arrow.png" mode=""/>
  <text>{{userAddressId ? adress_select.detailAddress : '请先填写收货地址'}}</text>
  <text>{{userAddressId ? adress_select.name+adress_select.phone : '你还未添加相关信息'}}</text>
</view>

<!-- <view class="item-data" bindtap="toMineAd" style="border-bottom: 24rpx solid #F7F7F7;">
  <text>收货信息</text>
  <view class="buy-ad">
    <text>暂无</text>
    <image src="/static/img/arrow.png" mode=""/>
  </view>
</view> -->
<view class="item-data">
  <text>盲盒价格</text>
  <view class="pri">
    ¥{{beerBoxDetail.priceList[priceList_index].price}}
  </view>
</view>
<picker bindchange="bindPickerCycle" value="{{priceList_index}}" range="{{beerBoxDetail.priceList}}" range-key="productCunt">
  <view class="item-data" style="border-bottom: 24rpx solid #F7F7F7;">
    <text>订购周期</text>
    <view class="buy-time">
      <text>{{beerBoxDetail.priceList[priceList_index].productCunt}}{{filter.unitTypeText(beerBoxDetail.priceList[priceList_index].unitType)}}</text>
      <image src="/static/img/arrow.png" mode=""/>
    </view>
  </view>
</picker>
<!-- <view class="item-data">
  <text>订购数量</text>
  <view class="buy-num">
    <text bindtap="reduce" style="{{num>1 ? 'color: #333333;' : ''}}">-</text>
    <text>{{num}}</text>
    <text bindtap="add" style="{{num<3 ? 'color: #333333;' : ''}}">+</text>
  </view>
</view> -->

<view class="item-data">
  <text style="font-weight: 600;">支付方式</text>
</view>
<view class="pay-fun">
  <image src="/static/img/wepay.png" mode=""/>
  <text>微信支付</text>
  <image src="/static/img/select_s.png" mode=""/>
</view>
<view class="buy-btn-empty"></view>
<view class="buy-btn">
  <text bindtap="createOrder">立即支付 ¥{{beerBoxDetail.priceList[priceList_index].price}}</text>
</view>