修改样式

components/coupon/index.vue

 <template>
 	<u-popup mode="bottom" border-radius="20" :popup="false" v-model="show" :maskCloseAble="true" length="auto"
 	 :safeAreaInsetBottom="true" @close="popupClose" :z-index="9999" close-icon="cross" :closeable="true">
-		<view class="coupon">
-		 <scroll-view :scroll-y="true" style="max-height: 70vh;"> 
+		<view class="coupon column" style="height: 70vh;">
 			<view class="title">优惠券</view>
 			<view class="chosentips">请选择要使用的优惠券</view>
-			<view class="details">
-				<view class="item" v-for="(x, i) in ts" :key="i" :style="{'margin-bottom':ts.length==i+1?'50px':'10px'}">
-					<view class="ticket">
-						<view class="miane">
-							<view class="money">
-								<text class="small" style="font-family: microsoft yahei ui light;" v-if="x.couponsType==1">￥</text>
-								<text style="font-size: 44px;font-family: nav-font;">{{x.denomination}}</text>
-								<text class="small"  style="font-family: microsoft yahei ui light;" v-if="x.couponsType!=1">折</text>
+			<scroll-view :scroll-y="true" class="col" style="height: 1px;"> 
+			
+				<view class="details">
+					<view class="item" v-for="(x, i) in ts" :key="i" :style="{'margin-bottom':ts.length==i+1?'50px':'10px'}">
+						<view class="ticket">
+							<view class="miane">
+								<view class="money">
+									<text class="small" style="font-family: microsoft yahei ui light;" v-if="x.couponsType==1">￥</text>
+									<text style="font-size: 44px;font-family: nav-font;">{{x.denomination}}</text>
+									<text class="small"  style="font-family: microsoft yahei ui light;" v-if="x.couponsType!=1">折</text>
+								</view>
+								<view class="tiaojian">满{{x.useCondition}}元可用</view>
 							</view>
-							<view class="tiaojian">满{{x.useCondition}}元可用</view>
 						</view>
-					</view>
-					<view class="detail">
-						<view class="coupond">
-							<view class="name">{{x.couponName}}</view>
-							<view class="date">{{ x.expirationDate }} 失效</view>
-							<view class="err" v-if="x.err">
-								{{x.err}}
+						<view class="detail">
+							<view class="coupond">
+								<view class="name">{{x.couponName}}</view>
+								<view class="date">{{ x.expirationDate }} 失效</view>
+								<view class="err" v-if="x.err">
+									{{x.err}}
+								</view>
+								<view style="color: #dfbe6e;font-size: 22rpx;"
+								:style="{'padding-top':x.err?'':'30rpx'}">
+								{{x.overlapUse==1?'可叠加使用':'不可叠加使用'}}
+							</view>
+								<!-- <view class="rule" v-if="x.lineTeamName!='' || x.lineName!=''">{{x.lineName}} {{x.lineTeamName}} 可用</view> -->
+							</view>
+							<view class="chosen" v-if="!x.err">
+								<u-radio-group v-if="!x.overlapUse" v-model="value" @change="radioChange" >
+									<u-radio shape="circle" :name="x.id" :icon-size="36" :active-color="mc"></u-radio>
+								</u-radio-group>
+								<u-radio-group v-else v-model="x.checkId" @change="(e)=>{multipleChoice(e,i)}" >
+									<u-radio shape="circle" :name="x.id" :icon-size="36" :active-color="mc"></u-radio>
+								</u-radio-group>
 							</view>
-							<view style="color: #dfbe6e;font-size: 22rpx;"
-							:style="{'padding-top':x.err?'':'30rpx'}">
-							{{x.overlapUse==1?'可叠加使用':'不可叠加使用'}}
-						</view>
-							<!-- <view class="rule" v-if="x.lineTeamName!='' || x.lineName!=''">{{x.lineName}} {{x.lineTeamName}} 可用</view> -->
-						</view>
-						<view class="chosen" v-if="!x.err">
-							<u-radio-group v-if="!x.overlapUse" v-model="value" @change="radioChange" >
-								<u-radio shape="circle" :name="x.id" :icon-size="36" :active-color="mc"></u-radio>
-							</u-radio-group>
-							<u-radio-group v-else v-model="x.checkId" @change="(e)=>{multipleChoice(e,i)}" >
-								<u-radio shape="circle" :name="x.id" :icon-size="36" :active-color="mc"></u-radio>
-							</u-radio-group>
 						</view>
+						
 					</view>
-					
 				</view>
-			</view>
 			</scroll-view>
 			<view class="btton-box">
 				<u-button size="80" :ripple="true" shape="circle" :custom-style="{
@@ -224,6 +225,7 @@
 </script>
 
 <style>
+	@import url("../../asset/css/flex.css");
 	.coupon {
 		max-height: 70vh;
 		background: #f5f5f5;
@@ -352,15 +354,10 @@
 		left: -6px;
 	}
 
-	.pesongBox .btton-box {
+	.coupon .btton-box {
 		height: 50px;
-		display: flex;
 		padding: 5px 10px;
-		border-top: 1px solid #f5f5f5;
-		position: fixed;
-		bottom: 0;
-		left: 0;
-		right: 0;
+		border-top: 1px solid #f1f2f4;
 		align-items: center;
 		background: #fff;
 	}

pages/airTicket/components/guest/index.vue

@@ -128,7 +128,12 @@
 		methods:{
 			setCheckStatusHandle(x){
 				if(!x.Checked && !this.canChecked && x.year>1) return
-				x.Checked = !x.Checked
+				
+				const g = this.guests.find(t=>x.Id==t.Id)
+				if(g){
+					g.Checked = !g.Checked
+				}
+				//console.log('setCheckStatusHandle',x.Checked)
 			},
 			guestChangeHandle(val){
 				this.guests = val