修改

src/components/label_other/diy-form.vue

 <style>
   .mydiy-form .q-mb-lg{
+    margin-top:11px;
     margin-bottom:0;
   }
 </style>
@@ -8,17 +9,17 @@
     <div class="form1 section-block">
       <h2 class="block-title q-mb-lg">專人服務</h2>
       <q-form  class="q-gutter-md" ref="myform">
-        <div class="row q-gutter-xl desktop-only q-mb-lg q-pl-md" v-if="!$q.screen.xs">
+        <div class="row q-gutter-xl q-mb-lg q-pl-md" v-if="!$q.screen.xs">
           <q-input filled v-model="params.Name" label="如何稱呼您" class="col" lazy-rules
             :rules="[ val => val && val.length > 0 || '請填寫您的稱呼']" />
           <q-input filled v-model="params.Mobile" label="聯絡電話" class="col" lazy-rules
             :rules="[ val => val && val.length > 0 || '請填寫您的聯絡電話哦']" />
         </div>
-        <div class="row mobile-only q-mb-lg" v-if="$q.screen.xs">
+        <div class="row q-mb-lg" v-if="$q.screen.xs">
           <q-input filled v-model="params.Name" label="如何稱呼您" class="col" lazy-rules
             :rules="[ val => val && val.length > 0 || '請填寫您的稱呼']" />
         </div>
-        <div class="row mobile-only q-mb-lg" v-if="$q.screen.xs">
+        <div class="row q-mb-lg" v-if="$q.screen.xs">
           <q-input filled v-model="params.Mobile" label="聯絡電話" class="col" lazy-rules
             :rules="[ val => val && val.length > 0 || '請填寫您的聯絡電話哦']" />
         </div>
@@ -30,7 +31,7 @@
           <q-input filled v-model="params.Remarks" label="備註" class="col" type="textarea" />
         </div>
         <div class="row q-mb-lg">
-          <q-btn type="submit" unelevated color="primary" size="lg" label="送出" class="col" @click="onSubmit" />
+          <q-btn type="submit" unelevated color="primary" style="margin-top:5px;" size="lg" label="送出" class="col" @click="onSubmit" />
         </div>
       </q-form>
     </div>

src/components/trip/style2.vue

@@ -73,9 +73,6 @@
     .Style2_main {
       padding: 0;
     }
-    /* .travle_page{
-      width:100%!important;
-    } */
   }
 
 </style>

src/components/trip/style5.vue

@@ -39,21 +39,22 @@
   }
 
   .expense {
-    display: flex;
+    /* display: flex; */
     margin: 30px auto;
     width: 100%;
   }
 
   .detail-box .expense .left {
-    width: 120px;
+    width: 100%;
     text-align: center;
-    font-size: "18px";
+    font-size: 17px;
+    margin-bottom:20px;
     font-family: PingFangR;
   }
 
   .detail-box .expense .right {
-    -webkit-box-flex: 1;
-    flex: 1;
+    /* -webkit-box-flex: 1;
+    flex: 1; */
     overflow: hidden;
     font-size: 16px;
     line-height: 25px;

src/components/trip/style6.vue

@@ -210,7 +210,7 @@
               <div class="detail_title">
                 {{item.title}}
               </div>
-              <div class="detail_content6" :class="{'isHiden6':getHeight(item).isShow&&item.MyContent.length>100}">
+              <div class="detail_content6" :class="{'isHiden6':item.isShow&&item.MyContent.length>100}">
                 <div v-for="(childItem,chiIndex) in item.details" :key="chiIndex">
                   【{{childItem.title}}】{{childItem.content}}
                 </div>
@@ -488,7 +488,17 @@
           this.$set(this.tripList, j, x)
           x.dateTime = this.setDate(j);
           x.myIndex = 1;
-          x.isShow = true;
+
+          if (localStorage.baseifo) {
+            this.TripConfig = JSON.parse(window.localStorage.getItem('baseifo'));
+          }
+          if(this.TripConfig){
+            if(this.TripConfig.TripConfig.TripDayIsOpen==1){
+              x.isShow=false
+            }else{
+              x.isShow = true;
+            }
+          }
         })
         this.tripList.forEach(x=>{
           let str=''
@@ -532,19 +542,19 @@
     },
     computed:{
       getHeight(){
-        if (localStorage.baseifo) {
-          this.TripConfig = JSON.parse(window.localStorage.getItem('baseifo'));
-        }
-        return function (item) {
-          if(this.TripConfig){
-            if(this.TripConfig.TripConfig.TripDayIsOpen==1){
-              item.isShow=false
-            }else{
-              item.isShow=true
-            }
-          }
-           return item
-        }
+        // if (localStorage.baseifo) {
+        //   this.TripConfig = JSON.parse(window.localStorage.getItem('baseifo'));
+        // }
+        // return function (item) {
+        //   if(this.TripConfig){
+        //     if(this.TripConfig.TripConfig.TripDayIsOpen==1){
+        //       item.isShow=false
+        //     }else{
+        //       item.isShow=true
+        //     }
+        //   }
+        //    return item
+        // }
       }
     }
   };