Skip to content

J
jz_Travel
Commit 674a716c authored by 罗超's avatar 罗超
Browse files
Options

提交

parent 2d065836
Show whitespace changes
Inline Side-by-side
Showing with 308 additions and 302 deletions
pages/jiuzhai/jz_LineDetail.vue
View file @ 674a716c
<template> <template>
<scroll-view scroll-y="true" class="jz_LineDetail" @scroll="scroll" v-if="dataList.title"> <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="jz_TopImg" >
<view class="media" :style="{'opacity':(100-boxOption)+'%'}"> <view class="media" :style="{'opacity':(100-boxOption)+'%'}">
<u-swiper :list="dataList.tempImgCover" :effect3d="false" :height="535" :interval="5000" :border-radius="0" <u-swiper :list="dataList.tempImgCover" :effect3d="false" :height="535" :interval="5000" :border-radius="0"
...@@ -301,23 +302,9 @@ ...@@ -301,23 +302,9 @@
<rich-text :nodes="dataList.feature.visaRemark"></rich-text> <rich-text :nodes="dataList.feature.visaRemark"></rich-text>
</view> </view>
</view> </view>
<view class="jz_TripDays" style="width:100%;height:40rpx;background-color: #FFF;color:#FFF">111</view> <!-- <view class="jz_TripDays" style="width:100%;height:50rpx;background-color: transparent;">
<view class="jz_orderbox"> </view> -->
<view class="jz_OrderDiv">
<view style="color:#FF3166;font-weight:bold;">
<text style="font-size:22rpx;">¥</text>
<text style="font-size:40rpx;">{{$utils.getretailer()==true? currentPrice.b2BPrice:currentPrice.b2CPrice}}</text>
<text style="font-size:22rpx;">/起</text>
</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="" />
<view style="color:#111111;font-size: 22rpx;">客服</view>
</button>
<view class="jz_OrderNow" @click="openOrderPreview" :class="{'disable':finishFirstLoad&&!canCreateOrder}">{{(finishFirstLoad&&!canCreateOrder)?'已售罄':'立即预定'}}</view>
</view>
</view>
</view>
<u-popup v-model="showDateChosen" mode="bottom" border-radius="20" length="90%" :safe-area-inset-bottom="true"> <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> <canlendar @finish="chosenDateResult" :defaultDate="currentPrice.startDate" :priceList="dataList.priceList"></canlendar>
</u-popup> </u-popup>
...@@ -363,6 +350,23 @@ ...@@ -363,6 +350,23 @@
</view> </view>
</u-popup> </u-popup>
</scroll-view> </scroll-view>
<view class="jz_orderbox" v-if="!showOrderPreviwe">
<view class="jz_OrderDiv">
<view style="color:#FF3166;font-weight:bold;">
<text style="font-size:22rpx;">¥</text>
<text style="font-size:40rpx;">{{$utils.getretailer()==true? currentPrice.b2BPrice:currentPrice.b2CPrice}}</text>
<text style="font-size:22rpx;">/起</text>
</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="" />
<view style="color:#111111;font-size: 22rpx;">客服</view>
</button>
<view class="jz_OrderNow" @click="openOrderPreview" :class="{'disable':finishFirstLoad&&!canCreateOrder}">{{(finishFirstLoad&&!canCreateOrder)?'已售罄':'立即预定'}}</view>
</view>
</view>
</view>
</view>
</template> </template>
<script> <script>
import hParse from "@/components/u-parse/parse.vue"; import hParse from "@/components/u-parse/parse.vue";
...@@ -699,9 +703,9 @@ ...@@ -699,9 +703,9 @@
} }
.jz_LineDetail { .jz_LineDetail {
background-color: #ECF1F4; background-color: #ECF1F4;
padding-bottom:100px;
height: 100vh; height: 100vh;
box-sizing: border-box; display: flex;
flex-direction: column;
} }
.jz_LineDetail rich-text{ .jz_LineDetail rich-text{
font-size: 26rpx; font-size: 26rpx;
...@@ -1105,15 +1109,17 @@ ...@@ -1105,15 +1109,17 @@
margin: 10rpx 0; margin: 10rpx 0;
} }
.jz_orderbox{ .jz_orderbox{
height: 160rpx; /* height: 160rpx; */
position: fixed; /* position: fixed; */
background-color: #fff; background-color: #fff;
bottom: 0; /* bottom: 0; */
width: 100vw; /* width: 100vw;
left: 0; left: 0; */
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
padding:30rpx 0;
box-shadow: 0px 0px 30rpx 0px rgba(36, 36, 36, 0.2);
} }
.jz_OrderDiv{ .jz_OrderDiv{
......
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