Commit e592f3e3 authored by zhengke's avatar zhengke

修改

parent 3641cf70
...@@ -80,7 +80,20 @@ ...@@ -80,7 +80,20 @@
<div class="Style2_main"> <div class="Style2_main">
<div class="wl-section-block"> <div class="wl-section-block">
<div class="tour-cover2" v-if="imgCover.length>0"> <div class="tour-cover2" v-if="imgCover.length>0">
<img :src="imgCover[0].Url" /> <div class="q-pa-md">
<q-carousel
animated
v-model="slide"
navigation
height="400px"
infinite
autoplay
transition-prev="slide-right"
transition-next="slide-left"
>
<q-carousel-slide v-for="(x, i) in imgCover" :name="i" :key="i" :img-src="x.Url" />
</q-carousel>
</div>
</div> </div>
<div class="tour-intro"> <div class="tour-intro">
<div class="tour_Nmae">{{dataList.title}}</div> <div class="tour_Nmae">{{dataList.title}}</div>
...@@ -100,6 +113,9 @@ ...@@ -100,6 +113,9 @@
{{dataList.currentPriceInfo.startDate}} {{dataList.currentPriceInfo.startDate}}
</template> </template>
</li> </li>
<li style="margin-top:30px;">
<q-btn style="width:115px;" type="a" label="立即预定" color="primary" />
</li>
</ul> </ul>
</div> </div>
</div> </div>
...@@ -110,6 +126,7 @@ ...@@ -110,6 +126,7 @@
props: ['dataList'], props: ['dataList'],
data() { data() {
return { return {
slide: 1,
imgCover: [] imgCover: []
}; };
}, },
......
...@@ -121,8 +121,8 @@ ...@@ -121,8 +121,8 @@
} }
.TripCanbao>div:last-child { .TripCanbao>div:last-child {
color: orange; color: #ff9a14;
font-size: 28px; font-size: 34px;
font-weight: bold; font-weight: bold;
} }
...@@ -155,7 +155,7 @@ ...@@ -155,7 +155,7 @@
} }
.trip_BtnDiv { .trip_BtnDiv {
margin-top: 20px; margin-top: 11px;
} }
.traffic_Line { .traffic_Line {
...@@ -222,10 +222,8 @@ ...@@ -222,10 +222,8 @@
position: relative; position: relative;
float: left; float: left;
width: 14.28%; width: 14.28%;
height: 70px; height: 76px;
font-size: 16px; font-size: 16px;
padding-top: 10px;
text-align: center; text-align: center;
border-bottom: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1;
} }
...@@ -257,10 +255,15 @@ ...@@ -257,10 +255,15 @@
} }
.ckedDate { .ckedDate {
background-color: blue; background-color: #006be2!important;
color: #fff; color: #fff;
} }
.tripcanClick{
padding-bottom:5px;
}
.tripcanClick:hover{
background-color:#e2f0fb;
}
</style> </style>
<template> <template>
<div class="q-mt-lg q-mb-lg"> <div class="q-mt-lg q-mb-lg">
...@@ -284,13 +287,15 @@ ...@@ -284,13 +287,15 @@
<div class="daysItem" v-for="(subItem, index2) in item.dayArray" :key="index2" <div class="daysItem" v-for="(subItem, index2) in item.dayArray" :key="index2"
:class="subItem.daymonth===item.month? 'nowMonth':'otherMonth'"> :class="subItem.daymonth===item.month? 'nowMonth':'otherMonth'">
<template v-if="subItem.b2BPrice||subItem.seat"> <template v-if="subItem.b2BPrice||subItem.seat">
<div style="cursor:pointer;" @click="clickDay(subItem)" :class="subItem.checked?'ckedDate':''"> <div style="cursor:pointer;" class="tripcanClick" @click="clickDay(subItem)" :class="subItem.checked?'ckedDate':''">
<div style="width:100%;height:10px;"></div>
{{subItem.day}} {{subItem.day}}
<div class="trip-Seat">{{subItem.b2BPrice}}</div> <div class="trip-Seat">{{subItem.b2BPrice}}</div>
<div class="trip-Seat">{{subItem.seat}}</div> <div class="trip-Seat">{{subItem.seat}}</div>
</div> </div>
</template> </template>
<template v-else> <template v-else>
<div style="width:100%;height:10px;"></div>
<div> <div>
{{subItem.day}} {{subItem.day}}
</div> </div>
...@@ -330,25 +335,24 @@ ...@@ -330,25 +335,24 @@
</div> </div>
<div class="TripStartInfo"> <div class="TripStartInfo">
<div> <div>
发日期 <span class="tripRightspan">{{CurrentPriceInfo.startDate}}</span> 發日期<span class="tripRightspan">{{CurrentPriceInfo.startDate}}</span>
</div> </div>
<div> <div>
团位编号 <span class="tripRightspan"> 團位編號<span class="tripRightspan">
<template v-if="CurrentPriceInfo&&CurrentPriceInfo.tcnum"> <template v-if="CurrentPriceInfo&&CurrentPriceInfo.tcnum">
{{CurrentPriceInfo.tcnum.toUpperCase()}} {{CurrentPriceInfo.tcnum.toUpperCase()}}
</template> </template>
</span> </span>
</div> </div>
<div class="TripCanbao"> <div class="TripCanbao">
<div>报名人数 <span class="tripRightspan">{{ CurrentPriceInfo.seat}}位</span> <div>報名人數:<span class="tripRightspan">{{ CurrentPriceInfo.seat}}位</span>
</div> </div>
<div> <div>
{{CurrentPriceInfo.b2BPrice}}<span class="TripQi"></span> {{CurrentPriceInfo.b2BPrice}}<span class="TripQi"></span>
</div> </div>
</div> </div>
<div class="trip_BtnDiv"> <div class="trip_BtnDiv">
<q-btn style="width:48%" type="a" label="专人需求单" color="secondary" /> <q-btn style="width:100%;" type="a" label="立即预定" color="primary" />
<q-btn style="width:48%;margin-left:10px;" type="a" label="立即预定" color="primary" />
</div> </div>
</div> </div>
</div> </div>
......
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