no message

src/pages/scheduledTrip/detailsNew.vue

 <template>
   <div style="min-height: 80vh">
-    <div style="position: fixed; left: 0; right: 0; top: 0; border-top: 1px solid #eee; box-shadow: 0 2px 8px rgb(0 0 0 / 20%); z-index: 9999999" class="bg-white" v-if="currentHeight > navs[0].top + 100" :style="{ transform: stickyHeight }">
+    <div style="position: fixed; left: 0; right: 0; top: 0; border-top: 1px solid #eee; box-shadow: 0 2px 8px rgb(0 0 0 / 20%); z-index: 9999999" class="bg-white" 
+    v-if="(currentHeight > navs[0].top + 100&&$q.platform.is.desktop)||
+      (currentHeight>priceListHeight&&currentHeight < navs[0].top&&$q.platform.is.mobile)"
+    :style="{ transform: stickyHeight }">
       <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">
         <span class="col product-price text-subtitle1 text-weight-bold" style="text-align: left">
           <span>CNY {{ moneyFormat(dataList.priceList[0].originalB2CPrice, 0) }}</span>
@@ -9,6 +12,31 @@
         <q-btn color="primary" unelevated class="q-px-xl" :label="$t('v103.details.selectionscheme')" @click="goScrollHandler(priceListHeight)" />
       </div>
     </div>
+    <div
+    class="bg-white"
+    style="
+        position: fixed;
+        left: 0;
+        right: 0;
+        top: -1px;
+        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"
+      :style="{ transform: stickyHeight }">
+      <q-tabs
+            v-model="tab"
+            dense
+            class="text-grey"
+            active-color="primary"
+            indicator-color="primary"
+            align="left"
+            narrow-indicator>
+            <q-tab v-for="(x, i) in navs"
+            :key="i"
+            @click="goScrollHandler(x.top + 20)" :name="x.display" :label="x.display"></q-tab>
+      </q-tabs>
+    </div>
     <div v-if="dataList" style="max-width: 1200px; margin-left: auto; margin-right: auto" class="q-mt-md q-mb-lg" :class="{ 'q-px-md': $q.screen.width < 1220 }">
       <div style="padding-bottom:calc((100% - 0px)/3);position:relative;">
         <div style="position: absolute; left: 0; top: 0; right: 0; bottom: 0" class="overflow-hidden rounded-borders">
@@ -284,7 +312,7 @@ export default defineComponent({
     let { ctx: that, proxy } = getCurrentInstance()
     
     const data = reactive({
-      tab: '',
+      tab: '行程特色',
       searchDate:'',
       clickDate: '',
       scrollareaobj: null,