no message

src/pages/scattered/hotelDetails.vue

@@ -101,8 +101,8 @@
           </div>
           <div :class="{'q-px-lg': $q.platform.is.desktop }">
             <div class="q-mt-lg" :class="{'row':$q.platform.is.desktop,'column':$q.platform.is.mobile}">
-              <div class="col-3 f12 text-grey-500">{{ $t('v101.scatteredDetails.titlexinxi5') }}</div>
-              <div class="text-subtitle2 text-weight-bolder" :class="{'col':$q.platform.is.desktop}" style="overflow: auto;" :style="{'width':$q.platform.is.mobile?'360px':''}">
+              <div class="f12 text-grey-500" :class="{'col-3':$q.platform.is.desktop,'col-12':$q.platform.is.mobile}">{{ $t('v101.scatteredDetails.titlexinxi5') }}</div>
+              <div class="text-subtitle2 text-weight-bolder" :class="{'col':$q.platform.is.desktop,'col-12':$q.platform.is.mobile}">
                 <table :class="{'hotel-details-table':$q.platform.is.desktop,'hotel-details-tableMoblie':$q.platform.is.mobile}">
                   <tr>
                       <td colspan="3" class="td01">{{$t('v101.scatteredDetails.shiwai')}}</td>
@@ -136,8 +136,8 @@
           </div>
           <div :class="{ 'q-px-lg': $q.platform.is.desktop }">
             <div class="q-mt-lg row">
-              <div class="col-3 f12 text-grey-500">{{ $t('v101.scatteredDetails.titlexinxi6') }}</div>
-              <div class="col row wrap text-subtitle2 text-weight-bolder">
+              <div class="f12 text-grey-500" :class="{'col-3':$q.platform.is.desktop,'col-12':$q.platform.is.mobile}">{{ $t('v101.scatteredDetails.titlexinxi6') }}</div>
+              <div class="row wrap text-subtitle2 text-weight-bolder"  :class="{'col':$q.platform.is.desktop,'col-12 q-pt-sm':$q.platform.is.mobile}">
                 <span class="rounded-borders bg-blue-1 text-blue q-mr-md q-px-sm q-py-xs q-mb-sm" v-for="item in Services">{{item}}</span>
               </div>
             </div>