no message

src/pages/ScenicSpotTicket/details.vue

@@ -14,7 +14,7 @@
       v-if="
         (currentHeight > navs[0].top + 100 && $q.platform.is.desktop) ||
         (currentHeight > priceListHeight &&
-          currentHeight < navs[0].top&&$q.platform.is.mobile)
+          currentHeight < navs[0].top&&$q.platform.is.mobile)||$q.platform.is.mobile
       "
       :style="{ transform: $q.platform.is.mobile?0:stickyHeight }"
     >
@@ -178,15 +178,15 @@
         </div>
       </div> -->
     </div>
+    <!-- box-shadow: 0 2px 8px rgb(0 0 0 / 20%); -->
     <div
       class="bg-white"
       style="
         position: fixed;
         left: 0;
         right: 0;
-        top: -1px;
+        top: 52px;
         border-top: 1px solid #eee;
-        box-shadow: 0 2px 8px rgb(0 0 0 / 20%);
         z-index: 999;
       "
       v-if="currentHeight > priceListHeight + 800 && $q.platform.is.mobile"

src/pages/detailsNew.vue

@@ -19,7 +19,7 @@
           (currentHeight > navs[0].top + 100 && $q.platform.is.desktop) ||
           (currentHeight > priceListHeight &&
             currentHeight < navs[0].top &&
-            $q.platform.is.mobile)
+            $q.platform.is.mobile)|| $q.platform.is.mobile
         "
         :style="{ transform: $q.platform.is.mobile?0:stickyHeight }"
       >
@@ -233,15 +233,15 @@
           </div>
         </div>
       </div>
+      <!-- box-shadow: 0 2px 8px rgb(0 0 0 / 20%); -->
       <div
         class="bg-white"
         style="
           position: fixed;
           left: 0;
           right: 0;
-          top: -1px;
+          top: 52px;
           border-top: 1px solid #eee;
-          box-shadow: 0 2px 8px rgb(0 0 0 / 20%);
           z-index: 999;
         "
         v-if="currentHeight > priceListHeight + 800 && $q.platform.is.mobile"
@@ -277,23 +277,24 @@
             v-if="$q.platform.is.mobile"
           >
             <div style="background: rgba(0, 0, 0, 0.05);border-radius: 4px;" 
-            class="q-mt-md q-pa-sm relative" 
-            @click="showDate = !showDate">
+            class="q-mt-md q-pa-sm relative">
+              <div @click="showDate = !showDate">
                 <div class="fz12 absolute" style="left: 10px;top:5px">選擇日期、選項</div>
                 <div class="fz14 self-center full-width no-outline q-pt-md " tabindex="0">
                   {{ currentPrice.startDate }}
                 </div>
               </div>
-            <popup mode="top" v-model="showDate">
-              <q-card flat class="rounded-borders">
-                <calendar
+              <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">
+              </div>
+              <calendar v-show="showDate"
                   class="bg-white q-pa-md"
                   :priceList="dataList.priceList"
                   @change="changeChosenDateHandler"
                   ref="calendarMobile"
                 ></calendar>
-              </q-card>
-            </popup>
+              
+            </div>
             <order-preview
               :travel="dataList"
               :price="currentPrice"
@@ -1169,7 +1170,7 @@ export default {
       if (this.$q.platform.is.mobile) this.$refs.calendarMobile.reset();
       else this.$refs.calendar.reset();
     },
-    changeChosenDateHandler(val) {
+    changeChosenDateHandler(val,type) {
       val.price.version = new Date().getTime();
       this.currentPrice = JSON.parse(JSON.stringify(val.price));
       this.currentPrice.RealPrice = this.currentPrice.RealPrice
@@ -1192,8 +1193,9 @@ export default {
           });
         }
       }
-      if (this.$q.platform.is.mobile) {
-        this.$refs.qDateProxy.hide();
+      if (this.$q.platform.is.mobile&&!type) {
+        // this.$refs.qDateProxy.hide();
+        this.showDate = false;
       }
       this.$forceUpdate();
       this.$nextTick(() => {
@@ -1331,11 +1333,6 @@ export default {
                     this.moreDays = 1
                   }
                 }, 1000);
-                if(this.$q.platform.is.mobile){
-                  setTimeout(() => {
-                    this.showDate = false;
-                  }, 100);
-                }
 
                 try {
                   document