网站优化

src/App.vue

@@ -39,7 +39,7 @@ body {
   background-color: #f6f6f6;
 }
 .rounded-borders{
-  border-radius: 6px !important;
+  border-radius: 8px !important;
 }
 .section-block {
   width: 100%;

src/components/car/orderPreview.vue

@@ -325,6 +325,7 @@ export default {
       setTimeout(()=>{
         this.p = {};
         this.initModel()
+        this.getCarPriceData2()
       },100)
       this.$emit("reset");
     },

src/components/hotal/RoomCard.vue

@@ -43,7 +43,7 @@
               </div>
             
             </div>
-            <div class="col" :class="{'column':$q.platform.is.desktop,'row no-wrap scroll':$q.platform.is.mobile}">
+            <div class="col" :class="{'column':$q.platform.is.desktop,'column':$q.platform.is.mobile}">
               <div class="relative q-pt-lg q-pb-sm q-pl-md" v-for="(subItem,indexs) in item.roomOptions"
               :style="{'border-bottom': indexs+1!=item.roomOptions.length?'1px solid #F5F5F5':'',
             'min-width':$q.platform.is.mobile?'150px':'auto'}">
@@ -60,7 +60,9 @@
                         <div>最迟退房时间 {{subItem['finalCheck-outTime']}}</div>
                     </div>
                     </template>
-                    <div class="col" v-if="getPrice2(subItem.chargeableRateInfoPerPersonForANightBySetCurrency)">
+                    <div class="col"
+                    :class="{'row justify-end q-pb-sm':$q.platform.is.mobile}"
+                    v-if="getPrice2(subItem.chargeableRateInfoPerPersonForANightBySetCurrency)">
                         <span class="fz13">CNY</span>
                         <span class="text-red text-weight-bold q-px-sm"
                         :class="{'fz28':$q.platform.is.desktop}">{{getPrice2(subItem.chargeableRateInfoPerPersonForANightBySetCurrency)}}
@@ -68,8 +70,8 @@
                       </span>
                         <!-- <span>{{getPrice(subItem.chargeableRateInfoPerPersonForANightBySetCurrency)}}</span> -->
                     </div>
-                    <div>
-                        <q-btn color="primary" label="立即預訂" unelevated :class="{'q-px-lg':$q.platform.is.desktop}"
+                    <div :class="{'row justify-end':$q.platform.is.mobile}">
+                        <q-btn color="primary" :size="$q.platform.is.desktop?'md':'sm'" label="立即預訂" unelevated :class="{'q-px-lg':$q.platform.is.desktop}"
                         @click="goOrderHandler(subItem.roomOptionCd)"/>
                     </div>
                 </div>

src/components/navs/city-category.vue

@@ -29,7 +29,7 @@
 }
 .select {
   color: #fff;
-  background-color: $primary;
+  background-color: var(--q-color-primary);
 }
 .menu-title {
   font-weight: bold;

src/components/navs/hor-big-one.vue

@@ -28,7 +28,8 @@
   line-height: 33px;
 }
 .select {
-  color: #fff;background-color: $primary;
+  color: #fff;
+  background-color: var(--q-color-primary);
 }
 .menu-title {
   font-weight: bold;
@@ -132,7 +133,7 @@
   background-color: #eee;
 }
 .category-l2-select {
-  background: #ee4454;
+  background: var(--q-color-primary);
   color: #fff;
 }
 .category-l3 {
@@ -178,10 +179,10 @@
       <img
         :src="baseData.logo"
         style="
-          height: 35px;
           cursor: pointer;
           filter: drop-shadow(0px 0px var(--q-color-primary));
         "
+        :style="{'height':$q.platform.is.desktop?'35px':'30px'}"
         class="q-mr-lg q-ml-sm"
         @click="CommonJump('/index', {})"
       /></div>

src/components/search_sf/search_sf2.vue

@@ -139,21 +139,25 @@
               square
               id="search_key"
               v-model="searchKey"
-              class="bg-grey-1 col"
+              class="bg-white col"
               clearable
               label="搜尋目的地、景點、行程觀光或酒店名稱..."
               @focus="searchFocusHandler"
               @blur="searchBlurHandler"
               @keyup="searchChangeHandler"
               @keypress.enter.native="goSearchHandler"
-            />
+            >
+            <template v-slot:prepend>
+              <q-icon name="search" />
+            </template>
+          </q-input>
             <q-btn
               dark-percentage
               color="primary"
               style="border-radius: 0"
               class="col-2"
               unelevated
-              icon="search"
+              label="搜索"
               @click="goSearchHandler"
             />
           </div>
@@ -178,7 +182,7 @@
                   </q-btn>
                 </div>
             </div>
-            <div class="text-weight-bold q-pa-sm">熱門目的地</div>
+            <div class="text-weight-bold q-py-sm q-pl-md">熱門目的地</div>
             <q-separator />
             <div class="flex flex-wrap">
               <div class="hot-tag" @click="handleHotTagClick(item)" :class="{'hot-tag-select': setectHotTag === item.Id}" :key="item.Id" v-for="item in hotList">{{item.Name}}</div>

src/components/trip/style5.vue

@@ -34,7 +34,7 @@
   .fee_line {
     width: 32px;
     height: 2px;
-    background: #ee4454;
+    background: var(--q-color-primary);
     display: inline-block;
   }
 

src/pages/detailHotal.vue

@@ -49,7 +49,10 @@
             color="dark" square>{{liveNvm}} 晚</q-chip>
           </div>
           <q-popup-proxy :offset="[0, 10]" ref="qDateProxy">
-            <q-date v-model="dateRange" :options="optionsFn" range mask="YYYY/MM/DD" landscape
+              <q-date 
+              v-model="dateRange" 
+              :options="optionsFn" 
+              range mask="YYYY/MM/DD"
               @range-end="dateRangeHandler"></q-date>
           </q-popup-proxy>
         </q-field>
@@ -181,7 +184,9 @@
        <q-btn v-if="$q.platform.is.mobile" unelevated round class="bg-grey-3 hover" icon="search" title="更多筛选">
         <q-badge rounded class="din bg-red-2 text-red-14 text-weight-bold" floating label="1"/>
         <q-tooltip>更多</q-tooltip>
-        <q-popup-proxy class="no-shadow" style="box-shadow: 0 0 50px #ddd !important" :offset="[0, 20]" ref="qDateProxy2">
+        <q-popup-proxy class="no-shadow" style="box-shadow: 0 0 50px #ddd !important" 
+        :offset="[0, 20]" ref="qDateProxy2"
+        @before-hide="getRoom(),$refs.qDateProxy2.hide()">
           <q-card class="q-pa-md rounded-borders" style="width: 300px">
             <div class="q-mb-md text-subtitle2">更多</div>
             <div class="q-my-md">
@@ -191,7 +196,6 @@
             <template v-if="numberOfChildren>0"> {{numberOfChildren}}儿童</template> 
              {{roomGroup}}房
           </div>
-          
           <q-popup-proxy :offset="[0, 10]">
             <div class="q-pa-lg q-py-lg bg-white">
               <div class="items-center"
@@ -310,15 +314,15 @@
           </q-popup-proxy>
         </q-field>
             </div>
-            <div class="q-my-md row">
+            <!-- <div class="q-my-md row">
               <q-btn
                   color="primary"
                   unelevated
                   class="q-px-xl col"
-                  label="确定"
+                  label="确定搜索"
                   @click="getRoom(),$refs.qDateProxy2.hide()"
                 />
-            </div>
+            </div> -->
           </q-card>
         </q-popup-proxy>
        </q-btn>
@@ -730,9 +734,7 @@
             <div class="text-weight-bold text-h6">酒店名稱：{{hotelSummary.hotelName}}</div>
             <div class="text-grey-9">地址：{{`${hotelSummary.address}`}}</div>
           </div>
-          <div class="q-pa-md" :class="{
-            'q-mx-md': $q.screen.width < 1220 && $q.platform.is.mobile,
-          }" v-for="(x,index) in travelLngLat" :key="index">
+          <div class="q-pa-md" v-for="(x,index) in travelLngLat" :key="index">
             <componentsMap v-if="x.Lng&&x.Lat" :AddressObj="x"/>
             <div v-else class="card text-center">经纬度未知</div>
           </div>
@@ -1075,7 +1077,7 @@ export default {
       this.dateRangeFormat = `${this.msg.arrivalDate} - ${this.msg.departureDate} `
       if (this.$refs.qDateProxy) this.$refs.qDateProxy.hide()
       if(this.$q.platform.is.mobile){
-        this.getData()
+        this.getRoom()
       }
     },
     dateDiffer(DateStart,DateEnd) {
@@ -1738,7 +1740,7 @@ export default {
   color: #36a1fa;
 }
 .tag-red {
-  background: #ee4454;
+  background: var(--q-color-primary);
   color: #ee4454;
 }
 .room-item {