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