510_laomengkuang_wxsmall_customer/laomenkuang_project/pages/givePage/givePage.wxml

<!--pages/givePage/givePage.wxml-->
<view class="all">
  <view class="contTop">
    <view class="imgView">
      <image mode="aspectFill" class="ticketImg" src="{{ticketUser.coupon_img_large}}"></image>
      <image class="tooth" src="../images/tooth.png"></image>
    </view>
    <view class="buyNum">
      <view class="ticketName">{{ticketUser.coupon_type}}</view>
      <view class="line"></view>
      <view class="lineRig">
        <text class="surplus">剩余</text>
        <text class="bigWord">{{ticketUser.num}}</text>
        <text class="smaWord">张</text>
      </view>
    </view>
    <view class="giveFrind">
      <view class="giveView">赠送给好友</view>
      <view class="chooseNum">
        <view bindtap="subtractFn" class="subtractView">
          <image class="subtract" src="../images/subtract.png"></image>
        </view>
        <text class="textNum">{{buyNumber}}</text>
        <image bindtap="addFn" class="textAdd" src="../images/add.png"></image>
      </view>
    </view>
  </view>

   <view>
    <text class="title">使用说明</text>
    <view>
      <view class="timeLimit">
        <image src="../images/circle.png"></image>
        <text>使用期限</text>
      </view>
      <view class="specify">购卖后30日内有效</view>
    </view>
    <view>
      <view class="timeLimit">
        <image src="../images/circle.png"></image>
        <text>使用条件</text>
      </view>
      <view class="specify">点单金额需商于优惠金额，每单限使用一张不可叠加使用，不与其他优惠同享</view>
    </view>
    <view>
      <view class="timeLimit">
        <image src="../images/circle.png"></image>
        <text>适用门店</text>
      </view>
      <view class="specify">老门框所有门店</view>
    </view>
  </view>

  <image class="giveBtn" src="../images/giveBtn.jpg"></image>
</view>