Commit 9bd6f374 authored by youjie's avatar youjie

优化日期选项

parent a0a9adfa
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
v-if=" v-if="
(currentHeight > navs[0].top + 100 && $q.platform.is.desktop) || (currentHeight > navs[0].top + 100 && $q.platform.is.desktop) ||
(currentHeight > priceListHeight && (currentHeight > priceListHeight &&
currentHeight < navs[0].top )||$q.platform.is.mobile currentHeight < navs[0].top&&$q.platform.is.mobile)
" "
:style="{ transform: $q.platform.is.mobile?0:stickyHeight }" :style="{ transform: $q.platform.is.mobile?0:stickyHeight }"
> >
...@@ -235,7 +235,7 @@ ...@@ -235,7 +235,7 @@
<div class="fixed" @click="showDate = !showDate" <div class="fixed" @click="showDate = !showDate"
style="z-index: 1000;left: 0;top: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, 0.5);" v-show="showDate"> style="z-index: 1000;left: 0;top: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, 0.5);" v-show="showDate">
</div> </div>
<calendar <calendar v-show="showDate"
class="bg-grey-2 fixed" class="bg-grey-2 fixed"
style="z-index: 1001;left: 0;top: 0;right: 0;" style="z-index: 1001;left: 0;top: 0;right: 0;"
:priceList="priceList" :priceList="priceList"
......
...@@ -16,9 +16,9 @@ ...@@ -16,9 +16,9 @@
(currentHeight > navs[0].top + 100 && $q.platform.is.desktop) || (currentHeight > navs[0].top + 100 && $q.platform.is.desktop) ||
(currentHeight > priceListHeight && (currentHeight > priceListHeight &&
currentHeight < navs[0].top && currentHeight < navs[0].top &&
$q.platform.is.mobile) $q.platform.is.mobile)||$q.platform.is.mobile
" "
:style="{ transform: stickyHeight }" :style="{ transform: $q.platform.is.mobile?0:stickyHeight }"
> >
<div <div
style="max-width: 1200px; margin-left: auto; margin-right: auto" style="max-width: 1200px; margin-left: auto; margin-right: auto"
...@@ -178,15 +178,16 @@ ...@@ -178,15 +178,16 @@
</div> </div>
</div> </div>
</div> </div>
<!-- box-shadow: 0 2px 8px rgb(0 0 0 / 20%); -->
<div <div
class="bg-white" class="bg-white"
style=" style="
position: fixed; position: fixed;
left: 0; left: 0;
right: 0; right: 0;
top: -1px; top: 8px;
border-top: 1px solid #eee; border-top: 1px solid #eee;
box-shadow: 0 2px 8px rgb(0 0 0 / 20%);
z-index: 999; z-index: 999;
" "
v-if="currentHeight > priceListHeight + 800 && $q.platform.is.mobile" v-if="currentHeight > priceListHeight + 800 && $q.platform.is.mobile"
......
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
currentHeight < navs[0].top && currentHeight < navs[0].top &&
$q.platform.is.mobile) $q.platform.is.mobile)
" "
:style="{ transform: stickyHeight }" :style="{ transform: $q.platform.is.mobile?0:stickyHeight }"
> >
<div <div
style="max-width: 1200px; margin-left: auto; margin-right: auto" style="max-width: 1200px; margin-left: auto; margin-right: auto"
......
...@@ -13,8 +13,8 @@ ...@@ -13,8 +13,8 @@
" class="bg-white" v-if=" " class="bg-white" v-if="
(currentHeight > navs[0].top + 100 && $q.platform.is.desktop) || (currentHeight > navs[0].top + 100 && $q.platform.is.desktop) ||
(currentHeight > priceListHeight && (currentHeight > priceListHeight &&
currentHeight < navs[0].top currentHeight < navs[0].top && $q.platform.is.mobile
) )||$q.platform.is.mobile
" :style="{ transform: $q.platform.is.mobile?0:stickyHeight}"> " :style="{ transform: $q.platform.is.mobile?0:stickyHeight}">
<div style="max-width: 1200px; margin-left: auto; margin-right: auto" <div style="max-width: 1200px; margin-left: auto; margin-right: auto"
:class="{ 'q-px-md': $q.screen.width < 1220 }" class="q-py-sm row items-center"> :class="{ 'q-px-md': $q.screen.width < 1220 }" class="q-py-sm row items-center">
...@@ -105,11 +105,11 @@ ...@@ -105,11 +105,11 @@
position: fixed; position: fixed;
left: 0; left: 0;
right: 0; right: 0;
top: -1px; top: 50px;
border-top: 1px solid #eee; border-top: 1px solid #eee;
z-index: 999; z-index: 999;
" v-if="currentHeight > priceListHeight + 800 && $q.platform.is.mobile" " v-if="currentHeight > priceListHeight + 800 && $q.platform.is.mobile"
:style="{ transform: stickyHeight }"> :style="{ transform: stickyHeight}">
<q-tabs v-model="tab" dense class="text-grey" active-color="primary" indicator-color="primary" align="left" <q-tabs v-model="tab" dense class="text-grey" active-color="primary" indicator-color="primary" align="left"
narrow-indicator> narrow-indicator>
<q-tab v-for="(x, i) in navs" :key="i" @click="goScrollHandler(x.top + 20)" :name="x.display" <q-tab v-for="(x, i) in navs" :key="i" @click="goScrollHandler(x.top + 20)" :name="x.display"
......
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