dts-shop/wx-mini-program/pages/checkout/checkout.wxml

<view class="container">
  <view class="address-box">
    <view class="address-item" bindtap="selectAddress" wx:if="{{checkedAddress.id > 0}}">
      <view class="l">
        <text class="name">{{checkedAddress.name}}</text>
        <text class="default" wx:if="{{checkedAddress.isDefault}}">默认</text>
      </view>
      <view class="m">
        <text class="mobile">{{checkedAddress.mobile}}</text>
        <text class="address">{{checkedAddress.address}}</text>
      </view>
      <view class="r">
        <image src="/static/images/address_right.png"></image>
      </view>
    </view>
    <view class="address-item address-empty" bindtap="selectAddress" wx:else>
      <view class="m">
        还没有收货地址，去添加
      </view>
      <view class="r">
        <image src="/static/images/address_right.png"></image>
      </view>
    </view>
  </view>

  <view class="coupon-box">
    <view class="coupon-item" bindtap="selectCoupon">
      <view class="l" wx:if="{{couponId == 0}}">
        <text class="name">没有可用的优惠券</text>
        <text class="txt">0张</text>
      </view>
      <view class="l" wx:elif="{{couponId == -1}}">
        <text class="name">优惠券</text>
        <text class="txt">{{availableCouponLength}}张</text>
      </view>
      <view class="l" wx:else>
        <text class="name">优惠券</text>
        <text class="txt">￥{{couponPrice}}元</text>
      </view>      
      <view class="r">
        <image src="/static/images/address_right.png"></image>
      </view>
    </view>
  </view>

  <view class="message-box">
    <input class="message-item" bindinput="bindMessageInput" placeholder="如需要，请输入留言"  value="{{message}}" placeholder-style="color: #ccc;" />
  </view>  

  <view class="goods-items" wx:if="{{isMultiOrderModel==1}}">
    <view class="group-item" wx:for="{{brandCartgoods}}" wx:key="brandId" wx:for-item="bitem">
      <navigator url="../brandDetail/brandDetail?id={{bitem.brandId}}"  class="h">
        <view class="l">{{bitem.brandName}} > </view>
      </navigator>
      <view class="item" wx:for="{{bitem.cartList}}" wx:key="id">
        <view class="img">
          <image src="{{item.picUrl}}"></image>
        </view>
        <view class="info">
          <view class="t">
            <text class="name">{{item.goodsName}}</text>
          </view>
          <view class="m">{{item.specifications}}</view>
          <view class="b">￥{{item.price}}</view>
          <text class="number">x{{item.number}}</text>
        </view>
      </view>
      <view class="brand-order">
        <view class="order-item">
          <view class="l">
            <text class="name">商品合计</text>
          </view>
          <view class="r">
            <text class="txt">￥{{bitem.bandGoodsTotalPrice}}元</text>
          </view>
        </view>
        <view class="order-item">
          <view class="l">
            <text class="name">运费</text>
          </view>
          <view class="r">
            <text class="txt">￥{{bitem.bandFreightPrice}}元</text>
          </view>
        </view>
      </view>
    </view>
  </view>

  <view class="goods-items" wx:else>
    <view class="item" wx:for="{{checkedGoodsList}}" wx:key="id">
      <view class="img">
        <image src="{{item.picUrl}}"></image>
      </view>
      <view class="info">
        <view class="t">
          <text class="name">{{item.goodsName}}</text>
          <text class="number">x{{item.number}}</text>
        </view>
        <view class="m">{{item.specifications}}</view>
        <view class="b">￥{{item.price}}</view>
      </view>
    </view>
  </view>

  <view class="order-box" wx:if="{{isMultiOrderModel==1}}">
  </view>

  <view class="order-box" wx:else>
    <view class="order-item">
      <view class="l">
        <text class="name">商品合计</text>
      </view>
      <view class="r">
        <text class="txt">￥{{goodsTotalPrice}}元</text>
      </view>
    </view>
    <view class="order-item">
      <view class="l">
        <text class="name">运费</text>
      </view>
      <view class="r">
        <text class="txt">￥{{freightPrice}}元</text>
      </view>
    </view>
    <view class="order-item no-border">
      <view class="l">
        <text class="name">优惠券</text>
      </view>
      <view class="r">
        <text class="txt">-￥{{couponPrice}}元</text>
      </view>
    </view>
  </view>

  <view class="order-total">
    <view class="l">实付：￥{{actualPrice}}</view>
    <view class="r" bindtap="submitOrder">去付款</view>
  </view>
</view>