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 @@
<text>{{items.time}}</text> <text class="ML10">周{{items.week}}</text>
</view>
<view class="fz28 color111 ML31">
总时长 {{items.duration}}
<!-- 总时长 {{items.duration}} -->
</view>
</view>
<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="arrowright" size="14"></uni-icons> -->
</view>
</view>
<view class="MT60 PX50" v-if="!items.show">
<view class="row relative" v-for="(item,index) in items.NewFlightList"
:class="[index==0?'MB50':'']">
<view class="row relative" v-for="(item,index) in items.NewFlightList" :class="[index==0?'MB50':'']">
<text v-if="index==1" class="fz18 fontWeight400 colorFF5858 absolute airTicketDetailsCard-timeT">
{{item.time}} 周{{item.week}}
</text>
......@@ -55,10 +52,10 @@
<template v-if="items.frequency>1">+{{items.frequency}}</template>
</view>
<view class="airTicketDetailsCard-title row-aic-n absolute" v-if="index==0">
<img class="inlineblock flexS" mode="widthFix" style="width: 20rpx;height: 17rpx;"
:src="item.AlImage"/>
<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>
<text class="block width100One overflow fz20 ML5 color9999A5 fontWeight400">{{item.AlName}}
{{item.Flight_number}} </text>
</view>
</view>
<view class="width436">
......@@ -74,10 +71,8 @@
</view>
</view>
<template v-if="items.show">
<view class="MT60 PX50" v-for="(item,index) in items.FlightList"
:class="[items.FlightList.length-1!=index?'MB50':'']">
<view class="row-aic-n relative"
:class="[items.FlightList.length-1!=index?'MB70':'']">
<view class="MT60 PX50" v-for="(item,index) in items.FlightList" :class="[items.FlightList.length-1!=index?'MB50':'']">
<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">
{{item.time}} 周{{item.week}}
</text>
......@@ -105,18 +100,16 @@
</view>
<view class="column flexG relative">
<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 class="width436">
<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 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>
......@@ -129,27 +122,26 @@
</template>
<script>
export default {
props:['DetailsList'],
props: ['DetailsList'],
components: {
},
data() {
return {
dataList:[
{
show:true
dataList: [{
show: true
},
{
show:false
show: false
},
],
}
},
onLoad(options){
onLoad(options) {
},
watch: {
DetailsList:{
DetailsList: {
handler(newVal, oldval) {
this.dataList = JSON.parse(JSON.stringify(this.DetailsList))
},
......@@ -159,22 +151,23 @@
},
created() {},
methods: {
TicketDetails(items){
items.show=!items.show
TicketDetails(items) {
items.show = !items.show
this.$forceUpdate();
},
}
}
</script>
<style scoped>
@import url("@/asset/css/flex.css");
@import url("../style.css");
.airTicketDetailsList{
@import url("@/asset/css/flex.css");
@import url("../style.css");
.airTicketDetailsList {
margin: 0 54rpx;
}
.airTicketDetailsCard{
}
.airTicketDetailsCard {
border-radius: 50rpx;
padding: 45rpx 0;
}
}
</style>
pages/airTicket/components/airTicketList.vue
View file @ 9ba7ce44
<template>
<view>
<view class="aviationCard bgFFF row-sbas-n relative"
v-for="(item,index) in dataList"
@click="getPriceDetail(item)">
<view class="aviationCard bgFFF row-sbas-n relative" 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 class="column flexG">
<view
:class="[indexs?'':'MB10']"
v-for="(childs,indexs) in item.NewFlightList">
<view :class="[indexs?'':'MB10']" v-for="(childs,indexs) in item.NewFlightList">
<view class="row-sb-n MT25">
<view class="flexS MR20">
<view class="FlightDirection-qc bgE1C278 fz24 color111 overflow textCenter">
......@@ -23,7 +19,7 @@
<view class="FlightDirection-Title column">
<!-- :style="{'height':'90rpx'}" -->
<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">
<text class="block bgECF1F4 fz21 nowrap">
转<template v-if="childs.frequency>1">+{{childs.frequency}}</template>
......@@ -60,8 +56,7 @@
<view class="row-w MT15">
<view class="aviationTitle row-aic-n">
<view>
<img class="inlineblock flexS" mode="widthFix" style="width: 36rpx;height: 30rpx;"
:src="item.AirlineUrl"/>
<img class="inlineblock flexS" mode="widthFix" style="width: 36rpx;height: 30rpx;" :src="item.AirlineUrl" />
</view>
<text class="fz22 ML10 color9999A5">{{item.AirLineName}}</text>
</view>
......@@ -81,8 +76,7 @@
</text>
</view>
<view class="textRight">
<text class="FlightDirection-zhang border1 borde fz18"
:class="[item.B2BSellNum>0?'borderFF5858 colorFF5858':'borderF5 color9999A5']">
<text class="FlightDirection-zhang border1 borde fz18" :class="[item.B2BSellNum>0?'borderFF5858 colorFF5858':'borderF5 color9999A5']">
<template v-if="item.B2BSellNum>0">剩{{item.B2BSellNum}}张</template>
<template v-if="item.Price>0&&item.B2BSellNum==0">售罄</template>
</text>
......@@ -94,18 +88,17 @@
</template>
<script>
export default {
props:['dataList'],
props: ['dataList'],
components: {},
data() {
return {
}
return {}
},
onLoad(options){
onLoad(options) {
},
created() {},
methods: {
getPriceDetail(item){
getPriceDetail(item) {
uni.navigateTo({
url: `/pages/airTicket/airTicketDetails?TCID=${item.TCID}&Price=${item.Price}`
});
......@@ -114,38 +107,44 @@
}
</script>
<style scoped>
@import url("@/asset/css/flex.css");
@import url("../style.css");
.aviationCard{
@import url("@/asset/css/flex.css");
@import url("../style.css");
.aviationCard {
border-radius: 20rpx;
padding: 37rpx 34rpx 48rpx 37rpx;
margin: 0 30rpx 40rpx;
}
.aviationCard-wf{
}
.aviationCard-wf {
left: 0;
top: 0;
border-top-left-radius: 50rpx;
border-bottom-right-radius: 50rpx;
padding: 7rpx 27rpx;
}
.aviationTitle{
}
.aviationTitle {
margin-right: 31rpx;
}
.aviationTitle:last-child{
}
.aviationTitle:last-child {
margin-right: 0;
}
.FlightDirection-time{
}
.FlightDirection-time {
left: 0;
right: 0;
top: -33rpx;
}
.FlightDirection-Price{
}
.FlightDirection-Price {
margin-left: 45rpx;
}
.FlightDirection-Price>view{
}
.FlightDirection-Price>view {}
}
.FlightDirection-Price-symbol text{
.FlightDirection-Price-symbol text {
top: -3rpx;
}
}
</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