Commit 607f8659 authored by zhengke's avatar zhengke

修改

parent db8a449d
<style>
.banner-style8 .Mymobile-only{
display: none;
}
@media only screen and (max-width: 820px){
.banner-style8 .Mydesktop-only {
display: none;
}
.banner-style8 .Mymobile-only{
display: block;
}
}
.banner-style8 .MysearchDiv{
position: absolute;
width:100%;
top:60%;
}
</style>
<template> <template>
<div class="banner-style8"> <div class="banner-style8">
<q-carousel <q-carousel
...@@ -42,7 +24,7 @@ ...@@ -42,7 +24,7 @@
<div class="title">搜尋輪播淡出 - 大</div> <div class="title">搜尋輪播淡出 - 大</div>
<div class="sub-title">將您的夢變成一段真實的體驗,我們掌握今年冬季最受追捧的度假勝地,完成夢想就找我們</div> <div class="sub-title">將您的夢變成一段真實的體驗,我們掌握今年冬季最受追捧的度假勝地,完成夢想就找我們</div>
</div> </div>
<div class="Mydesktop-only" style="width: 760px;margin:auto;"> <div class="desktop-only" style="width: 760px;margin:auto;">
<div class="row"> <div class="row">
<div class="col-5" style="width:calc(41.6667% - 22px)"> <div class="col-5" style="width:calc(41.6667% - 22px)">
<q-input <q-input
...@@ -246,10 +228,7 @@ ...@@ -246,10 +228,7 @@
</q-scroll-area> </q-scroll-area>
</div> </div>
</div> </div>
<div class="mobile-only" style="width:100vw;">
</div>
<div class="MysearchDiv">
<div class="Mymobile-only" style="width:100%;">
<q-input <q-input
filled filled
v-model="searchKey" v-model="searchKey"
...@@ -263,7 +242,6 @@ ...@@ -263,7 +242,6 @@
</template> </template>
</q-input> </q-input>
</div> </div>
</div> </div>
<popup v-model="showPopup" mode="top" :safeAreaInsetBottom="true" border-radius="5"> <popup v-model="showPopup" mode="top" :safeAreaInsetBottom="true" border-radius="5">
<div class="chosen-box"> <div class="chosen-box">
......
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