修改价位菜单

调整选座页面座位价位菜单
develop
mice2333 4 years ago
parent 929594b5b6
commit 200cb282c0

@ -13,17 +13,21 @@
<view style="background:#fff; position: fixed; top: 0; width: 100%;z-index: 1;"> <view style="background:#fff; position: fixed; top: 0; width: 100%;z-index: 1;">
<view style=" font-size: 28rpx; color: #181818; padding: 20rpx 0 0 40rpx;"> <view style=" font-size: 28rpx; color: #181818; padding: 20rpx 0 0 40rpx;">
场次:{{drama_seat_info.show_info.show_date}}</view> 场次:{{drama_seat_info.show_info.show_date}}</view>
<!-- <scroll-view class="seat_grade" scroll-x='true'> <!-- <scroll-view class="seat_grade" scroll-x='true'>
<van-icon wx:for="{{drama_seat_info.grade_list}}" color="red" name="/images/seats/{{item.grade}}.png" size="60rpx" <van-icon wx:for="{{drama_seat_info.grade_list}}" color="red" name="/images/seats/{{item.grade}}.png" size="60rpx"
custom-style="margin:20rpx;{{select_grade==item.grade?' border: 1px solid red;':''}}" custom-style="margin:20rpx;{{select_grade==item.grade?' border: 1px solid red;':''}}"
data-select_grade="{{item.grade}}" bind:click="select_grade" info="{{item.tkt_num}}" /> data-select_grade="{{item.grade}}" bind:click="select_grade" info="{{item.tkt_num}}" />
</scroll-view> --> </scroll-view> -->
<view class="seat_grade"> <scroll-view scroll-x="true" class="seat_grade">
<view class="seat_grade_info {{item.tkt_num==0?'null_tic':''}} {{select_grade==item.grade?'select':''}}" wx:for="{{drama_seat_info.grade_list}}" data-num="{{item.tkt_num}}" data-select_grade="{{item.grade}}" bindtap="select_grade" > <view wx:for="{{drama_seat_info.grade_list}}" wx:if="{{item.tkt_num!==0}}" class="seat_grade_info {{item.tkt_num==0?'null_tic':''}} {{select_grade==item.grade?'select':''}}" data-num="{{item.tkt_num}}" data-select_grade="{{item.grade}}" bindtap="select_grade" >
<van-icon name="/images/seats/{{item.grade}}.png" custom-style="margin-left: 10rpx;" /> <van-icon name="/images/seats/{{item.grade}}.png" custom-style="margin-left: 10rpx;" />
<view style=" margin: 0 10rpx 0 10rpx;">¥{{item.price}}</view> <view style="margin: 0 10rpx 0 10rpx;">{{select_grade==item.grade?'':'¥'}}{{item.price}}</view>
</view> </view>
<view wx:for="{{drama_seat_info.grade_list}}" wx:if="{{item.tkt_num==0}}" class="seat_grade_info {{item.tkt_num==0?'null_tic':''}} {{select_grade==item.grade?'select':''}}" data-num="{{item.tkt_num}}" data-select_grade="{{item.grade}}" bindtap="select_grade" >
<van-icon name="/images/seats/{{item.grade}}.png" custom-style="margin-left: 10rpx;" />
<view style=" margin: 0 10rpx 0 10rpx;">¥{{item.price}}</view>
</view> </view>
</scroll-view>
<view class="direction"><view style="margin-top: -35rpx;">舞台方向</view> <view class="direction"><view style="margin-top: -35rpx;">舞台方向</view>
</view> </view>
</view> </view>

@ -9,17 +9,15 @@ page{
color: red; color: red;
} }
.seat_grade{ .seat_grade{
display: flex; white-space: nowrap;
flex-wrap: wrap;
color: #7B7B7B; color: #7B7B7B;
font-size: 24rpx; font-size: 24rpx;
padding: 40rpx 20rpx; padding: 40rpx 0;
} }
.seat_grade .seat_grade_info{ .seat_grade .seat_grade_info{
width: 20%;
margin: 10rpx; margin: 10rpx;
display: flex; display: inline-flex;
padding: 10rpx 5rpx; padding: 10rpx 14rpx;
border-radius: 52rpx; border-radius: 52rpx;
border: 2rpx solid #D2D2D2; border: 2rpx solid #D2D2D2;
} }

Loading…
Cancel
Save