Skip to content

J
jz_Travel
Commit 9cc483bb authored by 罗超's avatar 罗超
Browse files
Options

修改样式

parent 3983ab31
Show whitespace changes
Inline Side-by-side
Showing with 308 additions and 303 deletions
pages/jiuzhai/jz_LineDetail.vue
View file @ 9cc483bb
<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="media" :style="{'opacity':(100-boxOption)+'%'}">
<u-swiper :list="dataList.tempImgCover" :effect3d="false" :height="535" :interval="5000" :border-radius="0"
......@@ -301,24 +302,9 @@
<rich-text :nodes="dataList.feature.visaRemark"></rich-text>
</view>
</view>
<view class="jz_TripDays" style="width:100%;height:50rpx;background-color: transparent;">
</view>
<view class="jz_orderbox" style="background-color:transparent">
<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 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>
......@@ -364,6 +350,23 @@
</view>
</u-popup>
</scroll-view>
<view class="jz_orderbox">
<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>
<script>
import hParse from "@/components/u-parse/parse.vue";
......@@ -700,9 +703,9 @@
}
.jz_LineDetail {
background-color: #ECF1F4;
padding-bottom:100px;
height: 100vh;
box-sizing: border-box;
display: flex;
flex-direction: column;
}
.jz_LineDetail rich-text{
font-size: 26rpx;
......@@ -1106,15 +1109,17 @@
margin: 10rpx 0;
}
.jz_orderbox{
height: 160rpx;
position: fixed;
/* height: 160rpx; */
/* position: fixed; */
background-color: #fff;
bottom: 0;
width: 100vw;
left: 0;
/* bottom: 0; */
/* width: 100vw;
left: 0; */
display: flex;
justify-content: center;
align-items: center;
padding:30rpx 0;
box-shadow: 0px 0px 30rpx 0px rgba(36, 36, 36, 0.2);
}
.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