修改

src/components/trip/style2.vue

@@ -80,7 +80,20 @@
   <div class="Style2_main">
     <div class="wl-section-block">
       <div class="tour-cover2" v-if="imgCover.length>0">
-        <img :src="imgCover[0].Url" />
+        <div class="q-pa-md">
+          <q-carousel
+            animated
+            v-model="slide"
+            navigation
+            height="400px"
+            infinite
+            autoplay
+            transition-prev="slide-right"
+            transition-next="slide-left"
+          >
+          <q-carousel-slide v-for="(x, i) in imgCover" :name="i" :key="i" :img-src="x.Url" />
+          </q-carousel>
+        </div>
       </div>
       <div class="tour-intro">
         <div class="tour_Nmae">{{dataList.title}}</div>
@@ -100,6 +113,9 @@
               {{dataList.currentPriceInfo.startDate}}
             </template>
           </li>
+          <li style="margin-top:30px;">
+            <q-btn style="width:115px;" type="a" label="立即预定" color="primary" />
+          </li>
         </ul>
       </div>
     </div>
@@ -110,6 +126,7 @@
     props: ['dataList'],
     data() {
       return {
+        slide: 1,
         imgCover: []
       };
     },

src/components/trip/tripcalendar.vue

@@ -121,8 +121,8 @@
   }
 
   .TripCanbao>div:last-child {
-    color: orange;
-    font-size: 28px;
+    color: #ff9a14;
+    font-size: 34px;
     font-weight: bold;
   }
 
@@ -155,7 +155,7 @@
   }
 
   .trip_BtnDiv {
-    margin-top: 20px;
+    margin-top: 11px;
   }
 
   .traffic_Line {
@@ -222,10 +222,8 @@
     position: relative;
     float: left;
     width: 14.28%;
-    height: 70px;
-
+    height: 76px;
     font-size: 16px;
-    padding-top: 10px;
     text-align: center;
     border-bottom: 1px solid #d1d1d1;
   }
@@ -257,10 +255,15 @@
   }
 
   .ckedDate {
-    background-color: blue;
+    background-color: #006be2!important;
     color: #fff;
   }
-
+  .tripcanClick{
+    padding-bottom:5px;
+  }
+  .tripcanClick:hover{
+    background-color:#e2f0fb; 
+  }
 </style>
 <template>
   <div class="q-mt-lg q-mb-lg">
@@ -284,13 +287,15 @@
               <div class="daysItem" v-for="(subItem, index2) in item.dayArray" :key="index2"
                 :class="subItem.daymonth===item.month? 'nowMonth':'otherMonth'">
                 <template v-if="subItem.b2BPrice||subItem.seat">
-                  <div style="cursor:pointer;" @click="clickDay(subItem)" :class="subItem.checked?'ckedDate':''">
+                  <div style="cursor:pointer;" class="tripcanClick" @click="clickDay(subItem)" :class="subItem.checked?'ckedDate':''">
+                    <div style="width:100%;height:10px;"></div>
                     {{subItem.day}}
                     <div class="trip-Seat">{{subItem.b2BPrice}}</div>
                     <div class="trip-Seat">余{{subItem.seat}}</div>
                   </div>
                 </template>
                 <template v-else>
+                  <div style="width:100%;height:10px;"></div>
                   <div>
                     {{subItem.day}}
                   </div>
@@ -330,25 +335,24 @@
           </div>
           <div class="TripStartInfo">
             <div>
-              出发日期 ：<span class="tripRightspan">{{CurrentPriceInfo.startDate}}</span>
+              出發日期：<span class="tripRightspan">{{CurrentPriceInfo.startDate}}</span>
             </div>
             <div>
-              团位编号 ：<span class="tripRightspan">
+              團位編號：<span class="tripRightspan">
                   <template v-if="CurrentPriceInfo&&CurrentPriceInfo.tcnum">
                       {{CurrentPriceInfo.tcnum.toUpperCase()}}
                   </template>
                   </span>
             </div>
             <div class="TripCanbao">
-              <div>可报名人数 <span class="tripRightspan">{{ CurrentPriceInfo.seat}}位</span>
+              <div>可報名人數：<span class="tripRightspan">{{ CurrentPriceInfo.seat}}位</span>
               </div>
               <div>
                 {{CurrentPriceInfo.b2BPrice}}<span class="TripQi">起</span>
               </div>
             </div>
             <div class="trip_BtnDiv">
-              <q-btn style="width:48%" type="a" label="专人需求单" color="secondary" />
-              <q-btn style="width:48%;margin-left:10px;" type="a" label="立即预定" color="primary" />
+              <q-btn style="width:100%;" type="a" label="立即预定" color="primary" />
             </div>
           </div>
         </div>