修改

src/components/trip/tripcalendar.vue

@@ -151,6 +151,8 @@
 
   .monthDayList {
     background-color: #fff;
+    display: flex;
+    justify-content: space-between;
   }
 
   .trip_BtnDiv {
@@ -196,28 +198,85 @@
     }
   }
 
+  .monthDayChild {
+    width: 48%;
+    display: inline-block;
+  }
+
+  .nowMonth {
+    color: black;
+  }
+
+  .otherMonth {
+    color: gray;
+    background: #d1d1d1;
+  }
+
+  .daysItem {
+    position: relative;
+    float: left;
+    width: 14.28%;
+    height: 70px;
+    cursor: pointer;
+    font-size: 16px;
+    padding-top:10px;
+    text-align: center;
+    border-bottom: 1px solid #d1d1d1;
+  }
+
+  .calendarItem_week>div {
+    display: inline-block;
+    width: 14.28%;
+    height: 40px;
+    padding: 10px 0;
+    line-height: 20px;
+    background: #eee;
+    color: #333;
+    text-align: center;
+    font-size: 14px;
+    font-family: 'PingFangR';
+  }
+  .calendarItem_month{
+    width:100%;
+    text-align: center;
+    height:50px;
+    line-height: 50px;
+    font-size:20px;
+    font-weight: bold;
+  }
+  .trip-Seat{
+    font-size:12px;
+  }
+  .ckedDate{
+    background-color: blue;
+    color:#fff;
+  }
 </style>
 <template>
   <div class="q-mt-lg q-mb-lg">
     <div class="section-block download1">
       <div class="calendar-box" id='calendar'>
-        <table class="calendar" cellspacing=0 cellpadding=0>
-          <thead>
-            <th v-for="(i,index) in week" :key="index">{{i}}</th>
-          </thead>
-        </table>
         <div class="monthDayList">
-          <div class="hotelProductManage2_calendarItem" v-for="(item, index) in monthList" :key="index">
+          <div class="monthDayChild" v-for="(item, index) in monthList" :key="index">
             <div class="calendarItem_month">
-              {{item.monthStr}}</div>
+              <template v-if="index==0">
+                <i style="float:left;" class="iconfont iconpreviewleft"></i>
+              </template>
+              {{item.monthStr}}
+              <template v-if="index==1">
+                <i style="float:right;" class="iconfont iconpreviewright"></i>
+              </template>
+            </div>
             <div class="calendarItem_week">
               <div v-for="(i,index) in week" :key="index">{{i}}</div>
             </div>
             <div class="calendarItem_day">
-              <div v-for="(subItem, index2) in item.dayArray" :key="index2"
+              <div class="daysItem ckedDate" v-for="(subItem, index2) in item.dayArray" :key="index2"
                 :class="subItem.daymonth===item.month? 'nowMonth':'otherMonth'">
                 <div>
                   {{subItem.day}}
+                  <div class="trip-Seat">27900</div>
+                  <div class="trip-Seat">余6</div>
                 </div>
               </div>
             </div>