Skip to content

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

页面修改

parent adcb44c0
Hide whitespace changes
Inline Side-by-side
Showing with 270 additions and 224 deletions
components/goods/style1.vue
View file @ da5a9e20
......@@ -95,8 +95,10 @@ export default {
openGood(item) {
//线路
if (item.goodType == 4) {
var url="/pages/jiuzhai/jz_LineDetail?tcid=" + item.id + '&configId=' + item.subid;
console.log("url1",url)
uni.navigateTo({
url: "/pages/jiuzhai/jz_LineDetail?tcid=" + item.id + '&configId=' + item.subid
url:url
});
}
//酒店
......
components/goods/style2.vue
View file @ da5a9e20
......@@ -94,8 +94,10 @@ export default {
openGood(item) {
//线路
if (item.goodType == 4) {
var url="/pages/jiuzhai/jz_LineDetail?tcid=" + item.id + '&configId=' + item.subid;
console.log("url2",url)
uni.navigateTo({
url: "/pages/jiuzhai/jz_LineDetail?tcid=" + item.id + '&configId=' + item.subid
url: url
});
}
//酒店
......
components/goods/style3.vue
View file @ da5a9e20
......@@ -94,8 +94,10 @@ export default {
openGood(item) {
//线路
if (item.goodType == 4) {
var url="/pages/jiuzhai/jz_LineDetail?tcid=" + item.id + '&configId=' + item.subid;
console.log("url3",url)
uni.navigateTo({
url: "/pages/jiuzhai/jz_LineDetail?tcid=" + item.id + '&configId=' + item.subid
url: url
});
}
//酒店
......
components/goods/style4.vue
View file @ da5a9e20
......@@ -75,8 +75,10 @@ export default {
openGood(item) {
//线路
if (item.goodType == 4) {
var url="/pages/jiuzhai/jz_LineDetail?tcid=" + item.id + '&configId=' + item.subid;
console.log("url4",url)
uni.navigateTo({
url: "/pages/jiuzhai/jz_LineDetail?tcid=" + item.id + '&configId=' + item.subid
url: url
});
}
//酒店
......
components/goods/style5.vue
View file @ da5a9e20
......@@ -85,8 +85,10 @@ export default {
openGood(item) {
//线路
if (item.goodType == 4) {
var url="/pages/jiuzhai/jz_LineDetail?tcid=" + item.id + '&configId=' + item.subid;
console.log("url5",url)
uni.navigateTo({
url: "/pages/jiuzhai/jz_LineDetail?tcid=" + item.id + '&configId=' + item.subid
url: url
});
}
//酒店
......
components/goods/style6.vue
View file @ da5a9e20
......@@ -66,8 +66,10 @@
openGood(item) {
//线路
if (item.goodType == 4) {
var url="/pages/jiuzhai/jz_LineDetail?tcid=" + item.id + '&configId=' + item.subid;
console.log("url6",url)
uni.navigateTo({
url: "/pages/jiuzhai/jz_LineDetail?tcid=" + item.id + '&configId=' + item.subid
url: url
});
}
//酒店
......
components/goods/style7.vue
View file @ da5a9e20
......@@ -91,8 +91,10 @@
openGood(item) {
//线路
if (item.goodType == 4) {
var url="/pages/jiuzhai/jz_LineDetail?tcid=" + item.id + '&configId=' + item.subid;
console.log("url7",url)
uni.navigateTo({
url: "/pages/jiuzhai/jz_LineDetail?tcid=" + item.id + '&configId=' + item.subid
url: url
});
}
//酒店
......
pages/jiuzhai/jz_LineDetail.vue
View file @ da5a9e20
<template>
<view class="jz_LineDetail" v-if="dataList.title">
<scroll-view scroll-y="true" style="height: 1px;flex: 1;box-sizing: border-box;" @scroll="scroll">
<view class="jz_TopImg" >
<view class="media" :style="{'opacity':(100-boxOption)+'%'}">
<u-swiper :list="dataList.tempImgCover" :effect3d="false" :height="535" :interval="5000" :border-radius="0"
name="Url"></u-swiper>
<view class="media-info">
<view style="display: flex;align-items: center;">
<view class="mi-left">
<view v-if="dataList.tempImgCover.length>0" class="type-img-box" @click="openPicture">
<image :src="dataList.tempImgCover[0].Url" mode="aspectFill"></image>
<view class="content">
<text>{{dataList.tempImgCover.length}}</text>
</view>
<view class="jz_TopImg">
<view class="media" :style="{'opacity':(100-boxOption)+'%'}">
<u-swiper :list="dataList.tempImgCover" :effect3d="false" :height="535" :interval="5000" :border-radius="0" name="Url"></u-swiper>
<view class="media-info">
<view style="display: flex;align-items: center;">
<view class="mi-left">
<view v-if="dataList.tempImgCover.length>0" class="type-img-box" @click="openPicture">
<image :src="dataList.tempImgCover[0].Url" mode="aspectFill"></image>
<view class="content">
<text>{{dataList.tempImgCover.length}}</text>
</view>
</view>
<view class="mi-right">
<view style="color:#FFF;margin-bottom: 6rpx;font-size: 22rpx;">团队编号：{{delMsg.tcnum}}</view>
<view style="color:#FFF;font-size: 22rpx;">{{dataList.startCityName}}集合出发 · 精品线路</view>
</view>
</view>
</view>
<view @click="goback" :style="[titleStyle,{opacity:'100% !important'}]" style="position: fixed;top: 0;left: 0;padding-left: 6rpx;">
<u-icon name="arrow-left" size="44" color="#FFF" style="margin-top: 22rpx;"></u-icon>
<view class="mi-right">
<view style="color:#FFF;margin-bottom: 6rpx;font-size: 22rpx;">团队编号：{{delMsg.tcnum}}</view>
<view style="color:#FFF;font-size: 22rpx;">{{dataList.startCityName}}集合出发 · 精品线路</view>
</view>
</view>
</view>
<view class="top-title" :style="[titleStyle]">
<view @click="goback">
<u-icon name="arrow-left" size="44"></u-icon>
</view>
<view style="margin-left: 30rpx; text-align: left;width: 60vw;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{dataList.title}}</view>
<view @click="goback" :style="[titleStyle,{opacity:'100% !important'}]" style="position: fixed;top: 0;left: 0;padding-left: 6rpx;">
<u-icon name="arrow-left" size="44" color="#FFF" style="margin-top: 22rpx;"></u-icon>
</view>
</view>
<view class="top-title" :style="[titleStyle]">
<view @click="goback">
<u-icon name="arrow-left" size="44"></u-icon>
</view>
<view style="margin-left: 30rpx; text-align: left;width: 60vw;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{dataList.title}}</view>
</view>
</view>
<view class="jz_TopPrice">
<view class="jz_LineTitle">
......@@ -43,7 +42,7 @@
<text v-if="dataList.title">{{dataList.title}}</text>
</view>
<view class="jz_Maidian" v-text="dataList.productRecommend">
</view>
</view>
<view class="jz_Service">
......@@ -75,7 +74,8 @@
</view>
<view style="display:flex;overflow-x: auto;">
<template v-for="(item,pindex) in dataList.priceList">
<view class="jz_StartList" v-if="pindex<3" :class="{'active':delMsg.tcid==item.tcid}" @click="getDayInfo(item)" :key="pindex">
<view class="jz_StartList" v-if="pindex<3" :class="{'active':delMsg.tcid==item.tcid}" @click="getDayInfo(item)"
:key="pindex">
<view class="jz_StartTop">{{getMonth(item.startDate)}} </view>
<view class="jz_StartHoubu" v-if="item.remainNum>0">
<text>余</text>
......@@ -87,8 +87,10 @@
</view>
</view>
</template>
<view class="jz_StartList" v-if="dataList.priceList.length>3" :class="{'active':delMsg.tcid==customerDate.tcid}" @click="openDate">
<view class="jz_StartTop" v-if="customerDate.startDate">{{customerDate.startDate?getMonth(customerDate.startDate):""}} </view>
<view class="jz_StartList" v-if="dataList.priceList.length>3" :class="{'active':delMsg.tcid==customerDate.tcid}"
@click="openDate">
<view class="jz_StartTop" v-if="customerDate.startDate">{{customerDate.startDate?getMonth(customerDate.startDate):""}}
</view>
<view class="jz_StartHoubu" v-if="customerDate.remainNum">
<text>余</text>
<text style="font-size: 28rpx;font-weight: 600;">{{customerDate.remainNum}}</text>
......@@ -137,7 +139,8 @@
<text class="jz_Dian"></text>餐食
</view>
<view class="jz_ZhaiInner">
含{{dataList.breakfastCount}}早餐 <text style="margin:0 20px;">{{dataList.lunchCount}}午餐</text> {{dataList.dinnerCount}}晚餐
含{{dataList.breakfastCount}}早餐 <text style="margin:0 20px;">{{dataList.lunchCount}}午餐</text>
{{dataList.dinnerCount}}晚餐
</view>
<view class="jz_Zhankai" style="display:none;">展开全部</view>
</view>
......@@ -156,8 +159,10 @@
</view>
<view class="jz_FlightIcon">
<view style="display: flex;align-items: center;font-size:24rpx;">
<img v-if="fItem.trafficType==1" style="width:30rpx;height:30rpx;" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/airfly.png" alt="" />
<img v-if="fItem.trafficType==2" style="width:30rpx;height:30rpx;" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/train.png" alt="" />
<img v-if="fItem.trafficType==1" style="width:30rpx;height:30rpx;" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/airfly.png"
alt="" />
<img v-if="fItem.trafficType==2" style="width:30rpx;height:30rpx;" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/train.png"
alt="" />
<view style="margin-left:10rpx;">{{fItem.flightNumber}}</view>
</view>
<view class="jz_Arrow">
......@@ -304,14 +309,15 @@
</view>
<!-- <view class="jz_TripDays" style="width:100%;height:50rpx;background-color: transparent;">
</view> -->
<u-popup v-model="showDateChosen" mode="bottom" border-radius="20" length="90%" :safe-area-inset-bottom="true">
<canlendar @finish="chosenDateResult" :defaultDate="currentPrice.startDate" :priceList="dataList.priceList"></canlendar>
</u-popup>
<u-popup v-model="showOrderPreviwe" mode="bottom" border-radius="20" length="90%" :safe-area-inset-bottom="true">
<view style="width: 100%;height: 100%;display: flex;flex-direction: column;">
<view style="flex: 1;width: 100%;height: 1rpx;">
<canlendar @finish="chosenDateResult" :immediately="true" :defaultDate="currentPrice.startDate" :priceList="dataList.priceList" title="确定日期和人数"></canlendar>
<canlendar @finish="chosenDateResult" :immediately="true" :defaultDate="currentPrice.startDate" :priceList="dataList.priceList"
title="确定日期和人数"></canlendar>
</view>
<view style="background: #ECF1F4;padding:20rpx 0;">
<view class="line-flex" style="padding:30rpx;background: #FFF;">
......@@ -341,7 +347,8 @@
</view>
<view style="display:flex;align-items: center;">
<button open-type="contact" class="jz_ConButton">
<img style="width:36rpx;height:38rpx;" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/kefu.png" alt="" />
<img style="width:36rpx;height:38rpx;" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/kefu.png"
alt="" />
<view style="color:#111111;font-size: 22rpx;">客服</view>
</button>
<view class="jz_OrderNow" @click="goReserce()">立即预定</view>
......@@ -359,7 +366,8 @@
</view>
<view style="display:flex;align-items: center;">
<button open-type="contact" class="jz_ConButton">
<img style="width:36rpx;height:38rpx;" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/kefu.png" alt="" />
<img style="width:36rpx;height:38rpx;" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/kefu.png"
alt="" />
<view style="color:#111111;font-size: 22rpx;">客服</view>
</button>
<view class="jz_OrderNow" @click="openOrderPreview" :class="{'disable':finishFirstLoad&&!canCreateOrder}">{{(finishFirstLoad&&!canCreateOrder)?'已售罄':'立即预定'}}</view>
......@@ -374,17 +382,17 @@
export default {
components: {
canlendar
},
data() {
return {
pageTitle: '线路详情',
showDateChosen:false,
showOrderPreviwe:false,
crCount:1,
etCount:0,
yeCount:0,
etbCount:0,
showDateChosen: false,
showOrderPreviwe: false,
crCount: 1,
etCount: 0,
yeCount: 0,
etbCount: 0,
msg: {
pageIndex: 1,
pageSize: 15
......@@ -393,33 +401,37 @@
delMsg: {
tcid: 0,
configId: 0,
tcnum:'',
cityId:0
tcnum: '',
cityId: 0
},
scenicNum: 0, // 景点数量
breakfastNum: 0, //早餐数
lunchNum: 0, //午餐数
dinnerNum: 0,//晚餐数
dinnerNum: 0, //晚餐数
boxOption: 0,
titleStyle: {},
mainColor: "",
detailContent: "",
customerDate:{},
currentPrice:{},
canCreateOrder:false,
finishFirstLoad:false
customerDate: {},
currentPrice: {},
canCreateOrder: false,
finishFirstLoad: false
};
},
created() {
},
onLoad(option) {
if (option.tcid && option.configId && option.cityId) {
if (option.tcid) {
this.delMsg.tcid = option.tcid;
}
if (option.configId) {
this.delMsg.configId = option.configId;
}
if (option.cityId) {
this.delMsg.cityId = option.cityId;
this.getDetails();
}
this.getDetails();
let that = this
uni.getSystemInfo({
success(res) {
......@@ -431,43 +443,42 @@
},
});
this.mainColor = this.$uiConfig.mainColor;
},
methods: {
openOrderPreview(){
if(this.canCreateOrder&&this.finishFirstLoad){
this.showOrderPreviwe=true
openOrderPreview() {
if (this.canCreateOrder && this.finishFirstLoad) {
this.showOrderPreviwe = true
}
},
chosenDateResult(result){
let price=this.dataList.priceList[result.priceObj]
this.currentPrice=price
if(this.crCount+this.etCount+this.etbCount>=this.currentPrice.remainNum){
this.crCount=1
this.etCount=0
this.etbCount=0
chosenDateResult(result) {
let price = this.dataList.priceList[result.priceObj]
this.currentPrice = price
if (this.crCount + this.etCount + this.etbCount >= this.currentPrice.remainNum) {
this.crCount = 1
this.etCount = 0
this.etbCount = 0
}
this.delMsg.tcid=price.tcid
this.delMsg.tcid = price.tcid
this.delMsg.configId = price.configID;
if(!this.showOrderPreviwe){
if (!this.showOrderPreviwe) {
this.getDetails()
}
if(result.priceObj>2){
this.customerDate=price
if (result.priceObj > 2) {
this.customerDate = price
}
this.showDateChosen=false
this.showDateChosen = false
},
crChange(e){
this.crCount=e.value;
crChange(e) {
this.crCount = e.value;
},
etChange(e){
this.etCount=e.value;
etChange(e) {
this.etCount = e.value;
},
etbChange(e){
this.etbCount=e.value;
etbChange(e) {
this.etbCount = e.value;
},
yeChange(e){
this.yeCount=e.value;
yeChange(e) {
this.yeCount = e.value;
},
openPicture() {
let imgObj = this.dataList.imgCover;
......@@ -482,7 +493,7 @@
},
scroll(e) {
this.boxOption = Math.floor((e.detail.scrollTop - 50) / 1.5);
this.titleStyle.opacity = ((e.detail.scrollTop - 100) < 0 ? 0 : Math.floor(e.detail.scrollTop - 100)) + "%"
this.$forceUpdate()
},
......@@ -493,9 +504,9 @@
this.delMsg,
res => {
console.log(res, '详情');
if (res.resultCode == 1) {
res.data.tempImgCover=JSON.parse(res.data.imgCover)
res.data.tempImgCover = JSON.parse(res.data.imgCover)
// let tempPrice= res.data.priceList.filter(x=>x.remainNum>0)
// res.data.priceList=tempPrice
this.dataList = res.data;
......@@ -516,22 +527,22 @@
}
})
})
this.currentPrice=this.dataList.currentPriceInfo
if(this.currentPrice.remainNum==0){
let temp=this.dataList.priceList.find(x=>x.remainNum>0)
if(temp){
this.currentPrice = this.dataList.currentPriceInfo
if (this.currentPrice.remainNum == 0) {
let temp = this.dataList.priceList.find(x => x.remainNum > 0)
if (temp) {
this.getDayInfo(temp)
}
}
this.dataList.priceList.forEach(x=>{
if(x.tcid==this.delMsg.tcid){
this.delMsg.tcnum=x.tcnum
this.dataList.priceList.forEach(x => {
if (x.tcid == this.delMsg.tcid) {
this.delMsg.tcnum = x.tcnum
}
if(x.remainNum>0){
this.canCreateOrder=true
if (x.remainNum > 0) {
this.canCreateOrder = true
}
})
this.finishFirstLoad=true
this.finishFirstLoad = true
} else {
}
......@@ -560,159 +571,169 @@
return Myday[1] + '-' + Myday[2]
}
},
getFlightDay(day){
getFlightDay(day) {
if (day) {
let Myday = day.split('-');
return Myday[1] + '月' + Myday[2] + '日'
}
},
//点击切换
getDayInfo(item){
if(item.remainNum>0){
if(this.crCount+this.etCount+this.etbCount>=this.currentPrice.remainNum){
this.crCount=1
this.etCount=0
this.etbCount=0
getDayInfo(item) {
if (item.remainNum > 0) {
if (this.crCount + this.etCount + this.etbCount >= this.currentPrice.remainNum) {
this.crCount = 1
this.etCount = 0
this.etbCount = 0
}
this.delMsg.tcid = item.tcid;
this.delMsg.configId = item.configID;
this.currentPrice=item
this.currentPrice = item
this.getDetails();
}else{
} else {
uni.showToast({
title:"该团期已售罄",
icon:"none"
title: "该团期已售罄",
icon: "none"
})
}
},
openDate(){
if(this.customerDate.tcid){
if(this.customerDate.tcid==this.delMsg.tcid){
this.showDateChosen=true
}else{
openDate() {
if (this.customerDate.tcid) {
if (this.customerDate.tcid == this.delMsg.tcid) {
this.showDateChosen = true
} else {
this.delMsg.tcid = this.customerDate.tcid;
this.delMsg.configId = this.customerDate.configID;
this.getDetails();
}
}else{
this.showDateChosen=true
} else {
this.showDateChosen = true
}
},
//立即预定
goReserce(){
goReserce() {
let myCurrentInfo = this.currentPrice;
myCurrentInfo.startCityName = this.dataList.startCityName;
let imgCover = JSON.parse(this.dataList.imgCover);
if(imgCover.length>0){
if (imgCover.length > 0) {
myCurrentInfo.CoverImg = imgCover[0].Url;
}
let myCurr = JSON.stringify(myCurrentInfo);
console.log(myCurrentInfo,'myCurrentInfo');
let ren={
crCount:this.crCount,
etCount:this.etCount,
yeCount:this.yeCount,
etbCount:this.etbCount
console.log(myCurrentInfo, 'myCurrentInfo');
let ren = {
crCount: this.crCount,
etCount: this.etCount,
yeCount: this.yeCount,
etbCount: this.etbCount
}
uni.navigateTo({
url: "/pages/jiuzhai/jz_Reserve?currentPriceInfo="+encodeURIComponent(myCurr)+"&ln="+this.dataList.ltName+"&seat="+encodeURIComponent(JSON.stringify(ren))+"&tips="+encodeURIComponent(this.dataList.feature.importantTipText)
url: "/pages/jiuzhai/jz_Reserve?currentPriceInfo=" + encodeURIComponent(myCurr) + "&ln=" + this.dataList.ltName +
"&seat=" + encodeURIComponent(JSON.stringify(ren)) + "&tips=" + encodeURIComponent(this.dataList.feature.importantTipText)
});
},
//分享朋友圈
onShareTimeline() {
let uid = uni.getStorageSync("mall_UserInfo")
? uni.getStorageSync("mall_UserInfo").UserId
: 0;
if(uid==0){
uid = uni.getStorageSync("pid")?uni.getStorageSync("pid").pid:0
}
let SmallShopId = uni.getStorageSync("mall_UserInfo")
? uni.getStorageSync("mall_UserInfo").SmallShopId
: 0;
if(SmallShopId == 0){//如果微店id为0 去找所属微店id
SmallShopId = uni.getStorageSync("mall_UserInfo")
? uni.getStorageSync("mall_UserInfo").UserSmallShopId
: 0;
}
let title =this.dataList.title?this.dataList.title:'帖子';
let imageUrl =this.dataList.tempImgCover && this.dataList.tempImgCover.length>0?this.dataList.tempImgCover[0]:'';
return {
title: title,
query: "tcid=" + this.delMsg.tcid + "&user_id=" + uid+ "&SmallShopId=" + SmallShopId+ "&Up=" + this.Up +
let uid = uni.getStorageSync("mall_UserInfo") ?
uni.getStorageSync("mall_UserInfo").UserId :
0;
if (uid == 0) {
uid = uni.getStorageSync("pid") ? uni.getStorageSync("pid").pid : 0
}
let SmallShopId = uni.getStorageSync("mall_UserInfo") ?
uni.getStorageSync("mall_UserInfo").SmallShopId :
0;
if (SmallShopId == 0) { //如果微店id为0 去找所属微店id
SmallShopId = uni.getStorageSync("mall_UserInfo") ?
uni.getStorageSync("mall_UserInfo").UserSmallShopId :
0;
}
let title = this.dataList.title ? this.dataList.title : '帖子';
let imageUrl = this.dataList.tempImgCover && this.dataList.tempImgCover.length > 0 ? this.dataList.tempImgCover[0] :
'';
return {
title: title,
query: "tcid=" + this.delMsg.tcid + "&user_id=" + uid + "&SmallShopId=" + SmallShopId + "&Up=" + this.Up +
'&JumpType=19' + '&configId=' + this.delMsg.configId + '&cityId=' + this.delMsg.cityId,
imageUrl: imageUrl,
};
imageUrl: imageUrl,
};
},
//分享给朋友
onShareAppMessage(res) {
let u = uni.getStorageSync("mall_UserInfo");
let uid = u.UserId ? u.UserId : 0;
if(uid==0){
uid = uni.getStorageSync("pid")?uni.getStorageSync("pid").pid:0
let u = uni.getStorageSync("mall_UserInfo");
let uid = u.UserId ? u.UserId : 0;
if (uid == 0) {
uid = uni.getStorageSync("pid") ? uni.getStorageSync("pid").pid : 0
}
let SmallShopId = u.SmallShopId ? u.SmallShopId : 0;
if(SmallShopId == 0){//如果微店id为0 去找所属微店id
SmallShopId = u.UserSmallShopId? u.UserSmallShopId:0
let SmallShopId = u.SmallShopId ? u.SmallShopId : 0;
if (SmallShopId == 0) { //如果微店id为0 去找所属微店id
SmallShopId = u.UserSmallShopId ? u.UserSmallShopId : 0
}
return {
title:this.dataList.title?this.dataList.title:'帖子',
path: "/pages/index/index?tcid=" + this.delMsg.tcid + "&user_id=" + uid+ "&SmallShopId=" + SmallShopId+
"&Up=" + this.Up+'&JumpType=19' + '&configId=' + this.delMsg.configId + '&cityId=' + this.delMsg.cityId,
imageUrl:this.dataList.tempImgCover && this.dataList.tempImgCover.length>0?this.dataList.tempImgCover[0]:'',
};
return {
title: this.dataList.title ? this.dataList.title : '帖子',
path: "/pages/index/index?tcid=" + this.delMsg.tcid + "&user_id=" + uid + "&SmallShopId=" + SmallShopId +
"&Up=" + this.Up + '&JumpType=19' + '&configId=' + this.delMsg.configId + '&cityId=' + this.delMsg.cityId,
imageUrl: this.dataList.tempImgCover && this.dataList.tempImgCover.length > 0 ? this.dataList.tempImgCover[0] : '',
};
},
},
};
</script>
<style>
.jz_FlightItem{
.jz_FlightItem {
display: flex;
justify-content: space-between;
width:90%;
margin:auto;
margin-bottom:45rpx;
}
.jz_FlightTitle{
color:#999999;
font-size:24rpx;
white-space: nowrap;
width: 90%;
margin: auto;
margin-bottom: 45rpx;
}
.jz_FlightTitle {
color: #999999;
font-size: 24rpx;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
}
.jz_Arrow{
.jz_Arrow {
position: absolute;
top: 17rpx;
}
.jz_StartDate{
color:#999999;
font-size:24rpx;
margin-top:25rpx;
.jz_StartDate {
color: #999999;
font-size: 24rpx;
margin-top: 25rpx;
}
.jz_FlightBottom{
color:#111111;
font-size:26rpx;
margin-top:10rpx;
.jz_FlightBottom {
color: #111111;
font-size: 26rpx;
margin-top: 10rpx;
}
.jz_FlightIcon{
.jz_FlightIcon {
text-align: center;
position: relative;
flex-shrink: 0;
}
.jz_LineDetail {
background-color: #ECF1F4;
height: 100vh;
display: flex;
flex-direction: column;
}
.jz_LineDetail rich-text{
.jz_LineDetail rich-text {
font-size: 26rpx;
font-weight: 500;
}
.line-flex{
.line-flex {
display: flex;
align-items: center;
}
......@@ -721,6 +742,7 @@
width: 100%;
height: 535rpx;
}
.jz_TopImg .top-title {
line-height: 45px !important;
font-size: 16px;
......@@ -737,12 +759,13 @@
background-color: #f6f6f6;
padding-left: 6rpx;
}
.jz_TopImg .media {
height: 535rpx;
position: relative;
z-index: 1;
}
.jz_TopImg .media .play-btn {
position: absolute;
left: 50%;
......@@ -757,13 +780,13 @@
align-items: center;
justify-content: center;
}
.jz_TopImg .media .video-box {
background-color: #111;
height: 535rpx;
position: relative;
}
.jz_TopImg .media .type-box {
width: 100px;
height: 50rpx;
......@@ -774,7 +797,7 @@
bottom: 80px;
margin-left: -50px;
}
.jz_TopImg .media .media-info .type-img-box {
background-color: rgba(255, 255, 255, .5);
color: #FFF;
......@@ -786,14 +809,14 @@
border-radius: 12rpx;
position: relative;
}
.jz_TopImg .media .media-info .type-img-box image {
height: 80rpx;
width: 80rpx;
border-radius: 12rpx;
opacity: 0.5;
}
.jz_TopImg .media .media-info .type-img-box .content {
position: absolute;
left: 0;
......@@ -809,14 +832,14 @@
justify-content: center;
justify-items: center;
}
.jz_TopImg .media .media-info .type-img-box text {
font-size: 22rpx;
font-family: pingfang;
margin-left: 6rpx;
}
.jz_TopImg .media .media-info {
position: absolute;
background-color: rgba(0, 0, 0, .35);
......@@ -826,10 +849,11 @@
right: 0;
padding: 30rpx 50rpx;
}
.jz_TopImg .media .media-info .mi-left {
flex: 1;
}
.jz_TopPrice {
width: 100%;
height: auto;
......@@ -911,17 +935,17 @@
overflow: hidden;
background: #ecf1f463;
}
.jz_StartList.active{
.jz_StartList.active {
border-color: #111;
background: rgba(0,0,0,.07);
background: rgba(0, 0, 0, .07);
}
.jz_StartList.active .jz_StartTop{
.jz_StartList.active .jz_StartTop {
background-color: #000;
color: #FFF;
}
.jz_renmin {
font-size: 12px;
font-weight: bold;
......@@ -930,7 +954,8 @@
.jz_B2bPrice {
font-size: 40rpx;
font-weight: 800;
}
}
.jz_Service {
width: 100%;
background-color: #fff;
......@@ -1109,60 +1134,67 @@
font-weight: 500;
margin: 10rpx 0;
}
.jz_orderbox{
.jz_orderbox {
/* height: 160rpx; */
/* position: fixed; */
background-color: #fff;
/* bottom: 0; */
/* width: 100vw;
left: 0; */
left: 0; */
display: flex;
justify-content: center;
align-items: center;
padding:30rpx 0;
padding: 30rpx 0;
box-shadow: 0px 0px 30rpx 0px rgba(36, 36, 36, 0.2);
}
.jz_OrderDiv{
width:90%;
height:100rpx;
.jz_OrderDiv {
width: 90%;
height: 100rpx;
background-color: #fff;
margin:auto;
padding:20rpx;
margin: auto;
padding: 20rpx;
display: flex;
justify-content: space-between;
align-items: center;
box-shadow: 0px 10rpx 30rpx 0px rgba(36, 36, 36, 0.2);
border-radius: 16px;
z-index:999;
z-index: 999;
}
.jz_OrderNow{
width:190rpx;
height:80rpx;
.jz_OrderNow {
width: 190rpx;
height: 80rpx;
background-color: #111111;
text-align: center;
line-height: 80rpx;
color:#fff;
color: #fff;
font-weight: 600;
font-size:28rpx;
font-size: 28rpx;
border-radius: 16rpx;
}
.jz_OrderNow.disable{
.jz_OrderNow.disable {
background-color: #ecf1f4;
color:#111
color: #111
}
.jz_ConButton{
.jz_ConButton {
background-color: #fff;
height:40px;
height: 40px;
line-height: 18px;
margin-top:3px;
margin-top: 3px;
}
.jz_ConButton::after{
border: none!important;
height:auto!important;
.jz_ConButton::after {
border: none !important;
height: auto !important;
}
.jz_Flight{
.jz_Flight {
display: flex;
justify-content: space-between;
}
</style>
\ No newline at end of file
</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