no message

src/pages/detailsNew.vue

@@ -2,7 +2,8 @@
   <div class="" style="min-height: 80vh;overflow: hidden;">
     <div v-if="dataList && !$q.loading.isActive"
     class="relative"
-    style="max-width: 1200px;margin: auto;">
+    style="margin: auto;"
+    :style="{'max-width': $q.platform.is.desktop?'1200px':'100%'}">
       <div
         style="
           position: fixed;
@@ -48,7 +49,8 @@
       </div>
       <div
         v-if="dataList"
-        style="max-width: 1200px; margin-left: auto; margin-right: auto"
+        style="margin-left: auto; margin-right: auto"
+        :style="{'max-width': $q.platform.is.desktop?'1200px':'100%'}"
         :class="{ 'q-px-md': $q.screen.width < 1220 }"
       >
         <div class="row items-center q-mt-md q-mb-lg">
@@ -407,13 +409,14 @@
 
       <div
         v-if="dataList"
-        style="width: 1200px; margin-left: auto; margin-right: auto"
+        style="margin-left: auto; margin-right: auto"
+        :style="{'width': $q.platform.is.desktop?'1200px':'100%'}"
         class="q-mt-xl row"
         :class="{ 'q-px-md': $q.screen.width < 1220 && $q.screen.width > 760 }"
       >
         <!-- col q-ml-xl position-relative -->
         <div
-          class="absolute"  style="z-index: 999;left: -150px;"
+          class="absolute" style="z-index: 999;left: -150px;"
           :style="{'top':currentHeight>navs[1].top?(currentHeight+100)+'px':(currentHeight+200)+'px'}"
           v-if="
             dataList.priceList.length > 0&&$q.platform.is.desktop&&currentHeight>navs[1].top-400