1

pages/make_order/choose_sit/choose_sit.wxml

@@ -13,21 +13,17 @@
 <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;">
 		场次：{{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"
 			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}}" />
 	</scroll-view> -->
-<scroll-view scroll-x="true" class="seat_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;" />
-<view style="margin: 0 10rpx 0 10rpx;">{{select_grade==item.grade?'':'¥'}}{{item.price}}</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" >
+<view 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" >
 <van-icon name="/images/seats/{{item.grade}}.png" custom-style="margin-left: 10rpx;" />
 <view style="    margin: 0 10rpx 0 10rpx;">¥{{item.price}}</view>
 </view>
-</scroll-view>
+</view>
 <view class="direction"><view style="margin-top: -35rpx;">舞台方向</view>
 </view>
 </view>

pages/make_order/choose_sit/choose_sit.wxss

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