510_laomengkuang_wxsmall_customer/laomenkuang_project/pages/ticketCenter/ticketCenter.wxml

<!--pages/ticketCenter/ticketCenter.wxml-->
<view class="all">
  <view class="choose">
    <view class="hotSell" data-index="1" bindtap="chooseFn" style="color:{{chooseWhich==1?'#333333':'#999999'}}">热卖</view>
    <view class="replace" data-index="2" bindtap="chooseFn" style="color:{{chooseWhich==2?'#333333':'#999999'}}">代金券</view>
    <view class="cuisine" data-index="3"  bindtap="chooseFn" style="color:{{chooseWhich==3?'#333333':'#999999'}}">菜品券</view>
    <view class="yellow" style="left:{{chooseWhich==1?'55rpx':chooseWhich==2?'316rpx':'594rpx'}}"></view>
  </view>

  <scroll-view scroll-y class="scrollView" bindscrolltolower="getBot" style="height:{{scrollHig}}px">
    <view class="ticketAll" wx:for="{{dataList}}">
      <view class="ticketleft">
        <image src="{{item.coupon_img_small}}"></image>
      </view>
      <view class="ticketRig">
        <view class="ticket-title">{{item.coupon_name_detail}}</view>
        <view class="ticket-desc">{{item.coupon_memo}}</view>
        <view class="ticket-name">
          <view class="ticket-name-left">
            <view wx:if="{{item.item_type==1}}" class="yelloword">{{item.original_price}}元代金券</view>
            <view wx:if="{{item.item_type==2}}" style="display:flex;justify-content:flex-start;align-items:center">
              <view class="yelloword" style="color:#999999;border:1px solid #999999;margin-right:8rpx">原价：{{item.original_price}}元</view>
              <view class="yelloword">券价：{{item.coupon_price}}元</view>
            </view>
            <view class="validity">有效期：{{item.duration}}</view>
          </view>
          <view class="shoping" bindtap="skipPage" data-id="{{item.coupon_sell_id}}" data-type="{{item.item_type}}">购买</view>
        </view>
      </view>
      <view class="circle circle1"></view>
      <view class="circle circle2"></view>
    </view>
  </scroll-view>
</view>