移动端

src/pages/didaHotel/destination.vue

 <template>
-    <div class="didaDestination q-px-md relative cursor-pointer" style="min-width:190px;border-radius: 3px;">
+    <div class="didaDestination q-px-md relative cursor-pointer" 
+    style="min-width:100%;border-radius: 3px;"
+    :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> -->
@@ -23,7 +25,7 @@
                     </span>
                 </q-btn>
             <div class="self-center no-outline text-xxs absolute bg-white overflow-hidden" 
-            style="width: 500px;top: 50px;left: 30px;border-radius: 3px;
+            style="width:auto;min-width: 500px;top: 50px;left: 30px;right:0; border-radius: 3px;
             box-shadow: 0px 0px 20px 0px rgba(76, 87, 125, 0.2) !important;z-index: 2;"
             tabindex="0" v-show="showSplitPannel">
                 <div>
@@ -103,7 +105,7 @@
             <div>
             </div>
         <div class="self-center no-outline text-xxs absolute bg-white overflow-hidden" tabindex="0"
-         style="width: 500px;top: 50px;left: 30px;border-radius: 3px;
+         style="width: auto;min-width: 500px;top: 50px;left: 30px;right:0; border-radius: 3px;
             box-shadow: 0px 0px 20px 0px rgba(76, 87, 125, 0.2) !important;z-index: 2;"
              v-show="showKeyWordsList">
                 <div id="KeyWords">