优化样式

src/boot/product.js

@@ -12,13 +12,13 @@ const product = {
                 // 接送机，包车
                 url = "/detailCar/" + configId
             } else if (t === 3) {
-                url = "/detailHotal/" + configId
+                url = "/detailHotal/" + configId + '/' + productInfo.b2CPrice
             } else if (t === 2) {
                 url = "/detailsScenicSpotTicket/" + configId
             } else if (t === 1) {
                 url = "/detail/" + encodeURIComponent(productInfo.id ? productInfo.id : productInfo.ID) + "/" + 0 + "/" + configId
             } else if (t === 5) {
-                url = "/detailHotal/" + configId+'/'+productInfo.b2CPrice
+                url = "/detailHotal/" + configId + '/' + productInfo.b2CPrice
             }
         } else {
             throw new Error("參數不合法");

src/boot/utils.js

@@ -26,7 +26,7 @@ Vue.prototype.domainManager = function() {
             domainUrl = "http://testapi.oytour.com";
         } else if (domainNameUrl.indexOf('oytour') !== -1) {
             domainUrl = "http://reborn.oytour.com";
-            domainUrl = 'http://192.168.10.206:8015' //'http://192.168.10.206:8015' ''http://192.168.10.11:8083' '
+            //domainUrl = 'http://192.168.10.206:8015' //'http://192.168.10.206:8015' ''http://192.168.10.11:8083' '
         }
         var obj = {
             //主地址
@@ -41,7 +41,7 @@ Vue.prototype.domainManager = function() {
     //获取当前域名
 Vue.prototype.GetDomain = function() {
     var domainNameUrl = window.location.hostname;
-    domainNameUrl = "t.oytour.com";
+    domainNameUrl = "www.oytour.com";
     return domainNameUrl;
 }
 Vue.prototype.groupBy = function(array, f) {

src/components/label_other/photo.vue

 <template>
   <section class="photo1 section-block">
-    <div class="photo" v-if="plugData.ImageUrl">
-      <img :src="plugData.ImageUrl" :alt="plugData.Title" />
+    <div class="photo mobile-only rounded-borders" v-if="plugData.ImageUrl" style="overflow:hidden;margin-bottom: 0px;">
+      <img :src="plugData.ImageUrl" :alt="plugData.Title" style="height:20vh;width:auto;" />
+    </div>
+    <div class="photo desktop-only" v-if="plugData.ImageUrl">
+      <img :src="plugData.ImageUrl" :alt="plugData.Title"/>
     </div>
   </section>
 </template>

src/components/label_picture/diy-img-five.vue

@@ -39,7 +39,7 @@
             :key="index"
             class="relative-position"
             style=" min-width: 200px;"
-            :class="{ 'col': current != index && $q.platform.is.desktop, 'col-4': current == index&& $q.platform.is.desktop }"
+            :class="{ 'col': ((current != index && $q.platform.is.desktop) || realCount!=5), 'col-4': current == index && $q.platform.is.desktop && realCount==5 }"
             @mouseenter="hoverHandler(index)"
           >
             <q-img
@@ -55,10 +55,10 @@
                   {{
                   item.TripTitle.split('|')[0]}}
                 </a>
-                <div class="q-mt-sm row items-center no-wrap overflow-hidden" v-if="current==index && plugData.Title.indexOf('|tag')!=-1">
-                  <q-chip outline color="grey-2" class="f12 cursor-pointer" text-color="grey-2" >觀光行程</q-chip>
-                  <q-chip outline color="grey-2" class="f12 cursor-pointer"  text-color="grey-2" >熱門票券</q-chip>
-                  <q-chip style="background:rgba(255,255,255,.3)" class="f12 cursor-pointer"  text-color="grey-2" >更多在地體驗</q-chip>
+                <div class="q-mt-sm row items-center no-wrap overflow-hidden" v-if="current==index && plugData.Title.indexOf('|tag')!=-1 && realCount==5">
+                  <q-chip outline color="grey-2" class="f12 cursor-pointer" text-color="grey-2" clickable @click="goProductListHandler(0,item.TripTitle.split('|')[1])">觀光行程</q-chip>
+                  <q-chip outline color="grey-2" class="f12 cursor-pointer"  text-color="grey-2" clickable @click="goProductListHandler(1,item.TripTitle.split('|')[1])">熱門票券</q-chip>
+                  <q-chip style="background:rgba(255,255,255,.3)" clickable class="f12 cursor-pointer"  text-color="grey-2" @click="CommonJump(`/city/${item.TripTitle.split('|')[1]}`,{},'blank')">更多在地體驗</q-chip>
                 </div>
               </div>
             </div>
@@ -70,14 +70,20 @@
 </template>
 
 <script>
+import {date} from 'quasar'
 //圖片 - 6x1
 export default {
   props: ["plugData"],
   data() {
     return {
       current: 0,
+      realCount: 0
     };
   },
+  created() {
+    //console.log(this.plugData.Details,this.plugData.Details.filter(x=> x.ImageUrl!=''))
+    this.realCount = this.plugData.Details.filter(x=> x.ImageUrl!='').length
+  },
   methods: {
     hoverHandler(i) {
       this.current = i;
@@ -89,6 +95,15 @@ export default {
         arr=strs[1].split(',')
       }
       return arr
+    },
+    goProductListHandler(t,id){
+      let CategoryName=t==0?'观光行程':'景点门票'
+      this.CommonJump('/search',{
+        areaId:id,
+        qsearchDate:date.formatDate(new Date(),'YYYY-MM-DD'),
+        qsearchEndDate:date.formatDate(date.addToDate(new Date(),{month:2}),'YYYY-MM-DD'),
+        CategoryName
+      })
     }
   },
 };

src/components/label_picture/diy-img-four.vue

@@ -2,24 +2,31 @@
   <!--圖片 - 4x4-->
   <div class="q-mt-md">
     <section class="pr1 section-block">
+      <div class="mobile-only">
+        <h2 class="block-title">{{plugData.Title}}</h2>
+        <p class="title-teaser">{{plugData.SubTitle}}</p>
+      </div>
       <div class="pr-banner-block">
         <ul class="pr-banner-list">
-          <li v-for="(item,index) in plugData.Details" :key="index">
-            <a @click="OpenNewUrl(item.LinkUrl)"  :title="item.TripTitle"
+          <li v-for="(item,index) in plugData.Details" :key="index" class="relative-position">
+            <a @click="OpenNewUrl(item.LinkUrl+'/0')" class="rounded-borders" :title="item.TripTitle"
               :style="{backgroundImage:`url('${(item.TripImageUrl&&item.TripImageUrl!=''?item.TripImageUrl:item.ImageUrl)}')`}"></a>
+              <div class="absolute absolute-bottom-left absolute-bottom-right rounded-borders q-pa-md text-shadow text-subtitle2 text-white" style=" background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5))">
+                {{ item.TripTitle }}
+              </div>
           </li>
         </ul>
       </div>
-      <div class="pr-text-block">
+      <div class="pr-text-block light-shadow rounded-borders desktop-only">
         <h2 class="block-title">{{plugData.Title}}</h2>
         <p class="title-teaser">{{plugData.SubTitle}}</p>
         <ul class="pr-text-list">
           <li v-for="(item,index) in plugData.Details" :key="index">
-            <a @click="OpenNewUrl(item.LinkUrl)">
-              <h3 class="pd-title">{{item.TripTitle}}</h3>
-              <div class="price">
-                <small class="unit">NT$</small>{{item.Price}}
-                <small class="unit">元起</small>
+            <a @click="OpenNewUrl(item.LinkUrl+'/0')">
+              <h3 class="text-subtitle2">{{item.TripTitle}}</h3>
+              <div class="price  text-dark">
+                <small class="text-subtitle2 q-mr-sm">CNY</small>
+                <span class="text-subtitle2 text-weight-bolder text-dark">{{ moneyFormat(item.Price,2) }}</span>
               </div>
             </a>
           </li>
@@ -162,7 +169,6 @@
     color: #00afff;
     font-size: 20px;
     font-weight: 700;
-    font-family: "oswald";
   }
 
   .pr1 .pr-text-block .pr-text-list .price .unit {

src/components/label_picture/diy-img-two.vue

@@ -2,7 +2,7 @@
   <!--圖片 - 4x1-->
   <div :class="{'q-mt-md':plugData.Title.split('|')[0]=='','q-mt-xl':plugData.Title.split('|')[0]!=''}">
     <section class="tour1 section-block" v-if="plugData">
-      <h2 class="block-title">{{ plugData.Title.split("|")[0] }}</h2>
+      <h2 class="block-title" style="line-height: normal !important;">{{ plugData.Title.split("|")[0] }}</h2>
       <p class="title-teaser">{{ plugData.SubTitle }}</p>
       <ul class="pd-list" v-if="showType == 1">
         <li
@@ -40,27 +40,17 @@
           </a>
         </li>
       </ul>
-      <div class="row q-col-gutter-md" style="item" v-else-if="showType == 2">
+      <div class="q-col-gutter-md  q-mt-md" :class="{'row':$q.platform.is.desktop,'':$q.platform.is.mobile}" v-else-if="showType == 2">
         <template v-for="(item, index) in plugData.Details">
           <div
-            class="col-3 relative-position column"
+            class="relative-position "
             :key="index"
+            :class="{'col-3 column':$q.platform.is.desktop}"
             v-if="item.TripImageUrl"
           >
             <div
               class="absolute-top-left q-pa-sm"
-              style="
-                background: linear-gradient(
-                  to bottom,
-                  rgba(0, 0, 0, 0.5),
-                  rgba(0, 0, 0, 0)
-                );
-                top: 16px;
-                left: 16px;
-                right: 0;
-                border-radius: 12px;
-                z-index: 1;
-              "
+              style="background: linear-gradient(rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0));top: 16px;left: 16px;right: 0;border-radius: 12px;z-index: 1;"
             >
               <div
                 class="text-grey-4"

src/components/navs/city-category.vue

@@ -479,9 +479,7 @@ export default {
       }
     },
     handleSelectArea(item) {
-      this.CommonJump("/city/" + item.Id, {
-        id: item.Id,
-      });
+      this.CommonJump("/city/" + item.Id);
     },
     handleCategoryChage(item) {
       this.CommonJump("/search", {

src/pages/Index.vue

@@ -266,7 +266,7 @@
         ></travelList>
       </div>
     </template>
-    <end-page v-if="isPic"></end-page>
+    <end-page v-if="isPic" class="desktop-only"></end-page>
   </q-page>
 </template>
 

src/utils/producttypeenum.js

@@ -7,14 +7,14 @@ const ProductTypeEnum = Object.freeze({
      */
     ONE_DAY: {
         value: 1,
-        desc: '一日游产品'
+        desc: '當地遊产品'
     },
     /**
      * 多日游
      */
     TEAM_TRIP: {
         value: 2,
-        desc: '多日游产品'
+        desc: '出境遊产品'
     },
     /**
      * 小包团