no message

src/components/trip/block/allDay.vue

@@ -103,11 +103,11 @@
                   >
                     <q-btn
                       push round dense color="primary" text-color="while" icon="arrow_left"
-                      @click="carousel.previous()"
+                      @click="$refs.carousel.previous()"
                     />
                     <q-btn
                       push round dense color="primary" text-color="while" icon="arrow_right"
-                      @click="carousel.next()"
+                      @click="$refs.carousel.next()"
                     />
                   </q-carousel-control>
                   </template>
@@ -142,6 +142,8 @@
         images:[],
         day: props.day,
         isDirect: props.isDirect,
+        slide: 0,
+        autoplay: 0
       })
       props.day.details.forEach(x=>{
         if(x.img){
@@ -153,7 +155,7 @@
           data.currentImage = url
           data.showImagePriview = true
         },
-        
+
         getHotelSuffix() {
           let suffix = "";
           if (props.day.jiu2.length > 1) {
@@ -201,4 +203,3 @@
         border-style: none !important;
     }
   </style>
-  
\ No newline at end of file

src/components/trip/block/index.vue

@@ -13,7 +13,7 @@
             <template v-if="$q.platform.is.desktop">
             <div class="trip-title">
                 <div>
-                    <p class="day">第<span v-if='item.dayNum<10'>0</span>{{item.dayNum}}天</p>
+                    <p class="day">{{$t('v102.vehicle.di')}}<span v-if='item.dayNum<10'>0</span>{{item.dayNum}}{{$t('v102.vehicle.tian')}}</p>
                     <!-- <p>{{item.dateTime}}</p> -->
                 </div>
                 <div class="desc" v-html="item.title"></div>
@@ -28,7 +28,7 @@
                 <div>
                     <div class="bg-grey-3 q-px-lg q-py-md">
                         <div>
-                            <div class="fz28 text-light-blue-6">第 <span class="fz28" style="font-weight: bold;"><span v-if='item.dayNum<10'>0</span>{{item.dayNum}}</span> 天</div>
+                            <div class="fz28 text-light-blue-6">{{$t('v102.vehicle.di')}} <span class="fz28" style="font-weight: bold;"><span v-if='item.dayNum<10'>0</span>{{item.dayNum}}</span> {{$t('v102.vehicle.tian')}}</div>
                             <!-- <p>{{item.dateTime}}</p> -->
                         </div>
                         <div class="fz15 q-py-sm text-grey-8" v-html="item.title"></div>
@@ -62,7 +62,7 @@ export default defineComponent({
     const { t } = useI18n()
     const $q = useQuasar()
     let {ctx:that, proxy} = getCurrentInstance()
-    
+
     const data= reactive({
         tripList: props.tripList,
         isDirect: props.isDirect,
@@ -78,7 +78,7 @@ export default defineComponent({
             nextTick(()=>{
                 try{
                     data.daysClass.forEach((x,i)=>{
-                        var object=document.querySelector(`#days_${i}`); 
+                        var object=document.querySelector(`#days_${i}`);
                         x.top = object.getBoundingClientRect().top+60
                     })
                 } catch (error) {
@@ -307,9 +307,9 @@ export default defineComponent({
             })
             data.tripList.forEach(x=>{
                 x.dayArray.forEach(y=>{
-                //    console.log(x.details,'----------') 
+                //    console.log(x.details,'----------')
                 })
-                
+
             })
             data.trips = data.tripList
         },
@@ -327,7 +327,7 @@ export default defineComponent({
                 return Y + M + D;
             }
         },
-        
+
     }
     methods.init()
     return {
@@ -336,4 +336,4 @@ export default defineComponent({
     }
   }
 })
-</script>
\ No newline at end of file
+</script>

src/pages/scheduledTrip/detailsNew.vue

 <template>
   <div style="min-height: 80vh">
     <div class=""
-    style="max-width: 1200px; margin: auto;position: relative;">
+    style="margin: auto;position: relative;"
+    :style="{'max-width': $q.platform.is.desktop?'1200px':'100%'}">
       <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)"
@@ -39,7 +40,8 @@
               @click="goScrollHandler(x.top + 20)" :name="x.display" :label="x.display"></q-tab>
         </q-tabs>
       </div>
-      <div v-if="dataList" style="width: 1200px; margin-left: auto; margin-right: auto" class="q-mt-md q-mb-lg" :class="{ 'q-px-md': $q.screen.width < 1220 }">
+      <div v-if="dataList" style="margin-left: auto; margin-right: auto"
+      :style="{'width': $q.platform.is.desktop?'1200px':'100%'}" 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">
             <q-carousel
@@ -132,7 +134,8 @@
         </div>
       </div>
       <div v-if="dataList" class="q-pa-lg q-mt-lg text-grey-9" ref="pricelistref">
-        <div style="max-width: 1200px; margin-left: auto; margin-right: auto">
+        <div style="margin-left: auto; margin-right: auto"
+        :style="{'max-width': $q.platform.is.desktop?'1200px':'100%'}">
           <div class="text-h6">{{$t('v103.scheduledTripDetails.selectionscheme')}}</div>
           <div class="rounded-borders bg-white q-pa-md q-mt-md" v-if="$q.platform.is.mobile">
             <q-field class="q-my-md" stack-label :label="$t('v103.scheduledTripDetails.selectdate')" standout dense>
@@ -236,7 +239,7 @@
           <div class="q-pb-xl" v-if="tripImages&&tripImages.length>0"
             ref="diyContext">
             <div v-for="(x,i) in tripImages">
-              <!-- <img class="block" :src="x.header" width="100%"> -->
+              <img class="block" :src="x.header" style="width: 100%;">
               <img class="block" :src="x.page" style="width: 100%;">
               <div class="tripImages-footer">
                 <img class="block" :src="x.footer" style="width: 100%;">