test/pages/list/movieticket/list/seats/index.wxml

<!--pages/list/movieticket/list/seats/index.wxml-->
<title title="{{movieName}}"></title>
<!--@zenghao 2018-06-12-->
<!-- <head-view title="seat-select 示例" needBack="{{fasle}}"></head-view> -->
<!--电影信息-->
<view class='info'>
  <view class='movieName' wx:if="{{movieName}}">{{movieName}}</view>
  <view class='planDetail'>{{planDetail}}</view>
  <!-- 使用时注释dom view class='about' 即可 .about css 在app.wxss中 -->
  <!-- <view class='about'>
    <button class="cu-btn bg-gradual-pinks shadow-blur round" bindtap='about'>关于</button>
  </view> -->
</view>
<!--座位示例图  -->
<view class="seatDemosBack" wx:if="{{level_price && level_price.length>0}}">
  <view class="seatDemos" style="justify-content:flex-start;width:700rpx">
    <block wx:for="{{level_price}}" wx:key="index">
      <view class="seatDemo" style="margin-right:20rpx">
        <image class="seatDemoItem" mode="widthFix" src="https://static.ticket.sz-trip.com/xcxImages/movie/icon1-{{item.level}}.png"></image>
        <view class="seatDemoItem"> {{item.price/100}}</view>
      </view>
    </block>
  </view>
</view>
<!--以下是座位图区域  -->
<!-- 这里官方有个bug https://developers.weixin.qq.com/community/develop/doc/82f5ab098a15982c89076af83e3631a1 -->
<!-- bindscale="handleScale" bindchange="handleChange" bindtouchstart="handleMoveStart" bindtouchend='handleMoveEnd' -->
<movable-area wx:if="{{seatScaleHeight}}" scale-area="{{true}}" class="defaultArea" style="height:{{seatArea}}px; width: 750rpx;">
  <movable-view class='movableOne' bindscale="handleScale" style="height:{{seatArea}}px; width: 750rpx;" scale="true" direction="all" scale-max="2" scale-min="1" out-of-bounds="true">
    <view class='seatArea' style='width:{{seatScaleHeight * maxX}}px;height:{{seatScaleHeight * maxY}}px'>
      <!--中轴线  -->
      <!-- <view class="left-col-box"></view> -->
      <view class='alignLine'></view>
      <!-- <view class='hallName'>
        <text>{{hallName}}{{seatScaleHeight}}</text>
      </view> -->
      <view wx:for="{{seatList}}" wx:key="id" wx:for-index="index" wx:for-item="item" class='seatTap' catchtap='clickSeat' data-index='{{index}}' style="left:{{(item.gCol-1)* seatScaleHeight}}px;top:{{(item.gRow-1) * seatScaleHeight}}px;width: {{seatScaleHeight}}px;height: {{seatScaleHeight}}px">
        <image src="{{item.nowIcon}}" class='normal' />
      </view>
    </view>
  </movable-view>
</movable-area>
<!--下部分座位示例图  -->
<!-- 用户选中的座位详情 -->
<!-- <view class='selectSeatInfo' hidden='{{hidden}}'>
  <scroll-view class="scrollSeat" scroll-x style="width: 100%"> -->
    <!-- 普通座位 -->
    <!-- <block wx:for="{{selectedSeat}}" wx:key="id" wx:for-item="selectedSeatItem">
      <view class='scrollItem' bindtap='clickSeat' data-index='{{selectedSeatItem.orgIndex}}'>
        <view class='scrollTextTop'>
          {{selectedSeatItem.name}}
        </view>
        <view class='scrollTextBottom'>
          ￥{{selectedSeatItem.price}}
        </view>
        <image src='/images/close.png'></image>
      </view>
    </block>
  </scroll-view>
</view> -->
<view style="height:513rpx"></view>
<view class="fixed-bottom">
  <view class="fixed-title">{{movieName}}</view>
  <view class="fixed-tip">{{planDetail}} {{show_version}}</view>
  <scroll-view class="scrollSeat" scroll-x style="width: 100%">
    <view wx:for="{{schedule_list}}" class='quickItem{{item.schedule_id==schedule_id?" active":""}}' bindtap='setSchedule' data-item='{{item}}'>
      <view style="color:#000;font-size:33rpx">{{item.show_time}}</view>
      <view style="color:#666666;margin:15rpx 0">{{item.show_version}}</view>
      <view style="color:#D62828">¥{{item.price/100}}</view>
    </view>
  </scroll-view>
  <view class="fixed-btn" bindtap="confirmHandle">立即预订</view>
</view>
<!-- 快速选座 -->
<!-- <view class='selectSeatInfo' hidden='{{!hidden}}'>
  
</view> -->
<!-- 以下是确认选座 -->
<!-- <view class='orderComfirm' style="flex-direction:row;">
  <view class='comfirm' bindtap='confirmHandle'>￥
    <text>{{totalPrice}}</text> 元 确认选座</view>
</view> -->