Skip to content

J
jz_Travel
Commit 9ba7ce44 authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent 4844b6dc
Show whitespace changes
Inline Side-by-side
Showing with 309 additions and 317 deletions
pages/airTicket/components/airTicketDetails.vue
View file @ 9ba7ce44
...@@ -14,18 +14,15 @@ ...@@ -14,18 +14,15 @@
<text>{{items.time}}</text> <text class="ML10">周{{items.week}}</text> <text>{{items.time}}</text> <text class="ML10">周{{items.week}}</text>
</view> </view>
<view class="fz28 color111 ML31"> <view class="fz28 color111 ML31">
总时长 {{items.duration}} <!-- 总时长 {{items.duration}} -->
</view> </view>
</view> </view>
<view v-if="items.FlightList.length>1" class="fz28 colorE1C278 row-aic-n" @click="TicketDetails(items)"> <view v-if="items.FlightList.length>1" class="fz28 colorE1C278 row-aic-n" @click="TicketDetails(items)">
<!-- <text>详情</text> -->
<uni-icons class="ML10" color="#DEBF7B" :type="items.show?'arrowdown':'arrowright'" size="14"></uni-icons> <uni-icons class="ML10" color="#DEBF7B" :type="items.show?'arrowdown':'arrowright'" size="14"></uni-icons>
<!-- <uni-icons class="ML10" color="#DEBF7B" type="arrowright" size="14"></uni-icons> -->
</view> </view>
</view> </view>
<view class="MT60 PX50" v-if="!items.show"> <view class="MT60 PX50" v-if="!items.show">
<view class="row relative" v-for="(item,index) in items.NewFlightList" <view class="row relative" v-for="(item,index) in items.NewFlightList" :class="[index==0?'MB50':'']">
:class="[index==0?'MB50':'']">
<text v-if="index==1" class="fz18 fontWeight400 colorFF5858 absolute airTicketDetailsCard-timeT"> <text v-if="index==1" class="fz18 fontWeight400 colorFF5858 absolute airTicketDetailsCard-timeT">
{{item.time}} 周{{item.week}} {{item.time}} 周{{item.week}}
</text> </text>
...@@ -55,10 +52,10 @@ ...@@ -55,10 +52,10 @@
<template v-if="items.frequency>1">+{{items.frequency}}</template> <template v-if="items.frequency>1">+{{items.frequency}}</template>
</view> </view>
<view class="airTicketDetailsCard-title row-aic-n absolute" v-if="index==0"> <view class="airTicketDetailsCard-title row-aic-n absolute" v-if="index==0">
<img class="inlineblock flexS" mode="widthFix" style="width: 20rpx;height: 17rpx;" <img class="inlineblock flexS" mode="widthFix" style="width: 20rpx;height: 17rpx;" :src="item.AlImage" />
:src="item.AlImage"/>
<view class="flexG"> <view class="flexG">
<text class="block width100One overflow fz20 ML5 color9999A5 fontWeight400">{{item.AlName}} {{item.Flight_number}} </text> <text class="block width100One overflow fz20 ML5 color9999A5 fontWeight400">{{item.AlName}}
{{item.Flight_number}} </text>
</view> </view>
</view> </view>
<view class="width436"> <view class="width436">
...@@ -74,10 +71,8 @@ ...@@ -74,10 +71,8 @@
</view> </view>
</view> </view>
<template v-if="items.show"> <template v-if="items.show">
<view class="MT60 PX50" v-for="(item,index) in items.FlightList" <view class="MT60 PX50" v-for="(item,index) in items.FlightList" :class="[items.FlightList.length-1!=index?'MB50':'']">
:class="[items.FlightList.length-1!=index?'MB50':'']"> <view class="row-aic-n relative" :class="[items.FlightList.length-1!=index?'MB70':'']">
<view class="row-aic-n relative"
:class="[items.FlightList.length-1!=index?'MB70':'']">
<text v-if="items.FlightList.length-1==index" class="fz18 fontWeight400 colorFF5858 absolute airTicketDetailsCard-timeT"> <text v-if="items.FlightList.length-1==index" class="fz18 fontWeight400 colorFF5858 absolute airTicketDetailsCard-timeT">
{{item.time}} 周{{item.week}} {{item.time}} 周{{item.week}}
</text> </text>
...@@ -105,18 +100,16 @@ ...@@ -105,18 +100,16 @@
</view> </view>
<view class="column flexG relative"> <view class="column flexG relative">
<view class="airTicketDetailsCard-title row-aic-n absolute"> <view class="airTicketDetailsCard-title row-aic-n absolute">
<img class="inlineblock flexS" mode="widthFix" style="width: 20rpx;height: 17rpx;"
:src="item.AlImage"/>
<view class="flexG">
<text class="block width100One overflow fz20 ML5 color9999A5 fontWeight400">{{item.AlName}} {{item.Flight_number}}</text>
</view>
</view> </view>
<view class="width436"> <view class="width436">
<view class="fz28 fontBold relative relativeFT8"> <view class="fz28 fontBold relative relativeFT8">
<text class="block width100One hidden ellipsis1">{{item.DepartureName?item.DepartureName:''}} {{item.dName}} </text> <text class="block width100One hidden ellipsis1">{{item.DepartureName?item.DepartureName:''}} {{item.dName}}
</text>
</view> </view>
<view class="fz28 fontBold MT25"> <view class="fz28 fontBold MT25">
<text class="block width100One hidden ellipsis1">{{item.ArrivalCityName?item.ArrivalCityName:''}} {{item.aName}} </text> <text class="block width100One hidden ellipsis1">{{item.ArrivalCityName?item.ArrivalCityName:''}}
{{item.aName}} </text>
</view> </view>
</view> </view>
</view> </view>
...@@ -129,27 +122,26 @@ ...@@ -129,27 +122,26 @@
</template> </template>
<script> <script>
export default { export default {
props:['DetailsList'], props: ['DetailsList'],
components: { components: {
}, },
data() { data() {
return { return {
dataList:[ dataList: [{
{ show: true
show:true
}, },
{ {
show:false show: false
}, },
], ],
} }
}, },
onLoad(options){ onLoad(options) {
}, },
watch: { watch: {
DetailsList:{ DetailsList: {
handler(newVal, oldval) { handler(newVal, oldval) {
this.dataList = JSON.parse(JSON.stringify(this.DetailsList)) this.dataList = JSON.parse(JSON.stringify(this.DetailsList))
}, },
...@@ -159,22 +151,23 @@ ...@@ -159,22 +151,23 @@
}, },
created() {}, created() {},
methods: { methods: {
TicketDetails(items){ TicketDetails(items) {
items.show=!items.show items.show = !items.show
this.$forceUpdate(); this.$forceUpdate();
}, },
} }
} }
</script> </script>
<style scoped> <style scoped>
@import url("@/asset/css/flex.css"); @import url("@/asset/css/flex.css");
@import url("../style.css"); @import url("../style.css");
.airTicketDetailsList{
.airTicketDetailsList {
margin: 0 54rpx; margin: 0 54rpx;
} }
.airTicketDetailsCard{
.airTicketDetailsCard {
border-radius: 50rpx; border-radius: 50rpx;
padding: 45rpx 0; padding: 45rpx 0;
} }
</style> </style>
pages/airTicket/components/airTicketList.vue
View file @ 9ba7ce44
<template> <template>
<view> <view>
<view class="aviationCard bgFFF row-sbas-n relative" <view class="aviationCard bgFFF row-sbas-n relative" v-for="(item,index) in dataList" @click="getPriceDetail(item)">
v-for="(item,index) in dataList"
@click="getPriceDetail(item)">
<view v-if="item.FlightList.length>2" class="aviationCard-wf absolute bg111 colorFFF fz20 z-index2">异地往返</view> <view v-if="item.FlightList.length>2" class="aviationCard-wf absolute bg111 colorFFF fz20 z-index2">异地往返</view>
<view class="column flexG"> <view class="column flexG">
<view <view :class="[indexs?'':'MB10']" v-for="(childs,indexs) in item.NewFlightList">
:class="[indexs?'':'MB10']"
v-for="(childs,indexs) in item.NewFlightList">
<view class="row-sb-n MT25"> <view class="row-sb-n MT25">
<view class="flexS MR20"> <view class="flexS MR20">
<view class="FlightDirection-qc bgE1C278 fz24 color111 overflow textCenter"> <view class="FlightDirection-qc bgE1C278 fz24 color111 overflow textCenter">
...@@ -23,7 +19,7 @@ ...@@ -23,7 +19,7 @@
<view class="FlightDirection-Title column"> <view class="FlightDirection-Title column">
<!-- :style="{'height':'90rpx'}" --> <!-- :style="{'height':'90rpx'}" -->
<view class="row-ajc-n"> <view class="row-ajc-n">
<text class="fz20 color9999A5">{{childs.duration}}</text> <!-- <text class="fz20 color9999A5">{{childs.duration}}</text> -->
<view class="FlightDirection-zhuan z-index2 ML10" v-if="childs.frequency"> <view class="FlightDirection-zhuan z-index2 ML10" v-if="childs.frequency">
<text class="block bgECF1F4 fz21 nowrap"> <text class="block bgECF1F4 fz21 nowrap">
转<template v-if="childs.frequency>1">+{{childs.frequency}}</template> 转<template v-if="childs.frequency>1">+{{childs.frequency}}</template>
...@@ -60,8 +56,7 @@ ...@@ -60,8 +56,7 @@
<view class="row-w MT15"> <view class="row-w MT15">
<view class="aviationTitle row-aic-n"> <view class="aviationTitle row-aic-n">
<view> <view>
<img class="inlineblock flexS" mode="widthFix" style="width: 36rpx;height: 30rpx;" <img class="inlineblock flexS" mode="widthFix" style="width: 36rpx;height: 30rpx;" :src="item.AirlineUrl" />
:src="item.AirlineUrl"/>
</view> </view>
<text class="fz22 ML10 color9999A5">{{item.AirLineName}}</text> <text class="fz22 ML10 color9999A5">{{item.AirLineName}}</text>
</view> </view>
...@@ -81,8 +76,7 @@ ...@@ -81,8 +76,7 @@
</text> </text>
</view> </view>
<view class="textRight"> <view class="textRight">
<text class="FlightDirection-zhang border1 borde fz18" <text class="FlightDirection-zhang border1 borde fz18" :class="[item.B2BSellNum>0?'borderFF5858 colorFF5858':'borderF5 color9999A5']">
:class="[item.B2BSellNum>0?'borderFF5858 colorFF5858':'borderF5 color9999A5']">
<template v-if="item.B2BSellNum>0">剩{{item.B2BSellNum}}张</template> <template v-if="item.B2BSellNum>0">剩{{item.B2BSellNum}}张</template>
<template v-if="item.Price>0&&item.B2BSellNum==0">售罄</template> <template v-if="item.Price>0&&item.B2BSellNum==0">售罄</template>
</text> </text>
...@@ -94,18 +88,17 @@ ...@@ -94,18 +88,17 @@
</template> </template>
<script> <script>
export default { export default {
props:['dataList'], props: ['dataList'],
components: {}, components: {},
data() { data() {
return { return {}
}
}, },
onLoad(options){ onLoad(options) {
}, },
created() {}, created() {},
methods: { methods: {
getPriceDetail(item){ getPriceDetail(item) {
uni.navigateTo({ uni.navigateTo({
url: `/pages/airTicket/airTicketDetails?TCID=${item.TCID}&Price=${item.Price}` url: `/pages/airTicket/airTicketDetails?TCID=${item.TCID}&Price=${item.Price}`
}); });
...@@ -114,38 +107,44 @@ ...@@ -114,38 +107,44 @@
} }
</script> </script>
<style scoped> <style scoped>
@import url("@/asset/css/flex.css"); @import url("@/asset/css/flex.css");
@import url("../style.css"); @import url("../style.css");
.aviationCard{
.aviationCard {
border-radius: 20rpx; border-radius: 20rpx;
padding: 37rpx 34rpx 48rpx 37rpx; padding: 37rpx 34rpx 48rpx 37rpx;
margin: 0 30rpx 40rpx; margin: 0 30rpx 40rpx;
} }
.aviationCard-wf{
.aviationCard-wf {
left: 0; left: 0;
top: 0; top: 0;
border-top-left-radius: 50rpx; border-top-left-radius: 50rpx;
border-bottom-right-radius: 50rpx; border-bottom-right-radius: 50rpx;
padding: 7rpx 27rpx; padding: 7rpx 27rpx;
} }
.aviationTitle{
.aviationTitle {
margin-right: 31rpx; margin-right: 31rpx;
} }
.aviationTitle:last-child{
.aviationTitle:last-child {
margin-right: 0; margin-right: 0;
} }
.FlightDirection-time{
.FlightDirection-time {
left: 0; left: 0;
right: 0; right: 0;
top: -33rpx; top: -33rpx;
} }
.FlightDirection-Price{
.FlightDirection-Price {
margin-left: 45rpx; margin-left: 45rpx;
} }
.FlightDirection-Price>view{
.FlightDirection-Price>view {}
} .FlightDirection-Price-symbol text {
.FlightDirection-Price-symbol text{
top: -3rpx; top: -3rpx;
} }
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment