91 lines
2.7 KiB
Plaintext
91 lines
2.7 KiB
Plaintext
<view class="page">
|
|
<view class="card section">
|
|
<view class="img-wrapper">
|
|
<image src="{{viewDetail.mainImg}}" mode="aspectFill" class="img"></image>
|
|
<view class="status-tag">{{viewDetail.status}}</view>
|
|
</view>
|
|
|
|
<view class="right">
|
|
<view class="top">
|
|
<view class="title">{{viewDetail.title}}</view>
|
|
<view class="meta">{{viewDetail.time}}</view>
|
|
<view class="meta">{{viewDetail.location}}</view>
|
|
</view>
|
|
|
|
<view class="bottom">
|
|
<view class="price-wrap">
|
|
<view class="price">{{viewDetail.price}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="card" wx:if="{{sellStartTime}}">
|
|
<view class="section-hd">
|
|
<text class="section-title">距离开售</text>
|
|
<text class="section-sub">倒计时</text>
|
|
</view>
|
|
|
|
<view class="countdown">
|
|
<view class="cd-block">
|
|
<text class="cd-num">{{cd.days}}</text>
|
|
<text class="cd-unit">天</text>
|
|
</view>
|
|
|
|
<view class="cd-block">
|
|
<text class="cd-num">{{cd.hours}}</text>
|
|
<text class="cd-unit">时</text>
|
|
</view>
|
|
|
|
<view class="cd-block">
|
|
<text class="cd-num">{{cd.minutes}}</text>
|
|
<text class="cd-unit">分</text>
|
|
</view>
|
|
|
|
<view class="cd-block">
|
|
<text class="cd-num">{{cd.seconds}}</text>
|
|
<text class="cd-unit">秒</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="card">
|
|
<button type="primary" bindtap="goPay">抢票</button>
|
|
</view>
|
|
|
|
<!-- 票类型（单选） -->
|
|
<view class="card">
|
|
|
|
<view class="type-group">
|
|
<view class="type-btn {{item.skuId === selectedSku ? 'type-btn-active' : ''}}" wx:for="{{viewDetail.skuList}}"
|
|
wx:key="id" bindtap="onSelectSku" data-id="{{item.skuId}}">
|
|
{{item.priceName}} {{ item.otherTag ? '(' + item.otherTag.tagDesc + ')' : '' }}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 观影人 多选列表 -->
|
|
<view class="card">
|
|
<view class="section-hd">
|
|
<text class="section-title">请选择</text>
|
|
<text class="section-sub">已选 {{selectedCustomer.length}} 项</text>
|
|
</view>
|
|
|
|
<view class="multi-list">
|
|
<view class="multi-item" wx:for="{{customerList}}" wx:key="id" bindtap="onToggleSelect" data-index="{{index}}">
|
|
<!-- 左侧：基础信息 -->
|
|
<view class="multi-left">
|
|
<text class="multi-title">{{item.maskedName}}</text>
|
|
<text class="multi-sub">{{item.identityNo}}</text>
|
|
</view>
|
|
|
|
<!-- 右侧：是否选中 -->
|
|
<view class="multi-right">
|
|
<view class="check {{item.checked ? 'check-on' : ''}}">
|
|
<text wx:if="{{item.checked}}" class="check-mark">✓</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view> |