Skip to content

M
million
Commit 477b3278 authored by youjie's avatar youjie
Browse files
Options

no message

parent 14353700
Hide whitespace changes
Inline Side-by-side
Showing with 65 additions and 59 deletions
src/pages/detailHotalDida.vue
View file @ 477b3278
......@@ -53,7 +53,6 @@
<!-- 目的地 -->
<div class="q-ml-xs q-mt-md text-grey-6 text-subtitle2 text-regular col">
<destination class="w-full"
style="border-radius: 3px;"
:msg="{
CityCode:CityCode?CityCode:dataList.CityCode,
CityName:CityName?CityName:dataList.CityName,
......
src/pages/didaHotel/destination.vue
View file @ 477b3278
<template>
<div class="didaDestination q-px-md relative cursor-pointer"
style="min-width:100%;border-radius: 3px;"
style="border-radius: 3px;"
:style="{width:Type>0?'100%':Type==0?'240px':'100%'}">
<!-- <div class="text-xxs absolute top-0 left-0 q-px-md" style="color: rgba(5,32,50,.8);">
目的地
</div> -->
<div class="row items-center no-wrap relative">
<div class="row items-center no-wrap relative w-full">
<div class="" id="cit">
<q-btn
dark-percentage
......@@ -24,66 +24,72 @@
<span class="text-xs text-no-wrap overflow-hidden col">{{ HotalMsg.CityName?HotalMsg.CityName:'城市' }}</span>
</span>
</q-btn>
<div class="self-center no-outline text-xxs absolute bg-white overflow-hidden"
style="width:auto;min-width: 500px;top: 50px;left: 30px;right:0; border-radius: 3px;
box-shadow: 0px 0px 20px 0px rgba(76, 87, 125, 0.2) !important;z-index: 2;"
tabindex="0" v-show="showSplitPannel">
<div>
<q-input
v-model="HotalMsg.KeyWords2"
clearable
label="搜索目的地"
filled
dense
standout="col bg-grey-1 text-black"
@input="searchInputHandler(1)"
@focus.stop="searchFocusHandler(1)"
@blur="searchBlurHandler(1)"
@keyup.enter="searchChangeHandler(1)"
@clear="clearHandler(1)"
:loading="loading2"
/>
<div class="row no-wrap">
<div class="bg-grey-2" style="border-right: 1px solid rgb(238, 238, 238);">
<div v-for="(x,index) in CitiesList" :key="index"
@click="changeGName(x)"
class="GNameBox-l q-py-xs q-px-md text-xs cursor-pointer text-no-wrap"
:class="[GNameActive==x.GName?'active':'']">
{{ x.GName }}
<div class="self-center no-outline text-xxs absolute bg-white overflow-hidden col"
style="top: 50px;right:0; border-radius: 3px;
box-shadow: 0px 0px 20px 0px rgba(76, 87, 125, 0.2) !important;z-index: 2;"
tabindex="0"
:style="{'min-width':$q.platform.is.desktop?'450px':'400px',
left:$q.platform.is.desktop?'30px':'0'}"
v-show="showSplitPannel">
<div>
<q-input
v-model="HotalMsg.KeyWords2"
clearable
label="搜索目的地"
filled
dense
standout="col bg-grey-1 text-black"
@input="searchInputHandler(1)"
@focus.stop="searchFocusHandler(1)"
@blur="searchBlurHandler(1)"
@keyup.enter="searchChangeHandler(1)"
@clear="clearHandler(1)"
:loading="loading2"
/>
<div class="row no-wrap">
<div class="bg-grey-2" style="border-right: 1px solid rgb(238, 238, 238);">
<div v-for="(x,index) in CitiesList" :key="index"
@click="changeGName(x)"
class="GNameBox-l q-py-xs q-px-md text-xs cursor-pointer text-no-wrap"
:class="[GNameActive==x.GName?'active':'']">
{{ x.GName }}
</div>
</div>
</div>
<div class="col q-pa-sm" :style="{minWidth: Type==1?'':'400px'}">
<q-scroll-area class="w-full" style="height: 305px;"
:thumb-style="{
right: '2px',
borderRadius: '5px',
backgroundColor: 'rgba(0, 0, 0, .1)',
width: '5px',
opacity: '0.75'
}"
:content-style="{
backgroundColor: 'rgba(0, 0, 0, 0)',
color: '#555'
}"
:content-active-style="{
backgroundColor: 'rgba(0, 0, 0, 0)',
color: 'black'
}">
<div class="row wrap">
<div class="CityNameBox-r col-2 text-center text-xxs
text-no-wrap q-pa-xs q-mr-xs q-mb-xs cursor-pointer
overflow-hidden text-ellipsis" v-for="(y,index) in CityList" :key="index"
:class="[HotalMsg.CityCode==y.CityCode?'active':'']"
@click="changeCity(y)">
{{ y.CityName }}
<div class="col q-pa-sm" :style="{minWidth: Type==1?'':'400px'}">
<q-scroll-area class="w-full" style="height: 305px;"
:thumb-style="{
right: '2px',
borderRadius: '5px',
backgroundColor: 'rgba(0, 0, 0, .1)',
width: '5px',
opacity: '0.75'
}"
:content-style="{
backgroundColor: 'rgba(0, 0, 0, 0)',
color: '#555'
}"
:content-active-style="{
backgroundColor: 'rgba(0, 0, 0, 0)',
color: 'black'
}">
<div class="row wrap">
<div class="CityNameBox-r text-center text-xxs
text-no-wrap q-pa-xs q-mr-xs q-mb-xs cursor-pointer
overflow-hidden text-ellipsis"
v-for="(y,index) in CityList" :key="index"
:class="[HotalMsg.CityCode==y.CityCode?'active':'',
$q.platform.is.desktop?'col-2':'col-3'
]"
@click="changeCity(y)">
{{ y.CityName }}
</div>
</div>
</div>
</q-scroll-area>
</div>
</div>
</q-scroll-area>
</div>
</div>
</div>
</div>
</div>
</div>
<q-input
id="search_key"
......@@ -93,6 +99,7 @@
filled
dense
standout="col bg-grey-1 text-black"
:style="{width:$q.platform.is.desktop?'300px':'100%'}"
@input="searchInputHandler(0)"
@focus.stop="searchFocusHandler(0)"
@blur="searchBlurHandler(0)"
......
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