酒店详情修改

src/pages/hotel/selectRoom.vue

 <style lang="scss" scoped>
 .select-day {
   background: $primary;
-  color: #fff;
+  color: #fff !important;
   border-radius: 8px;
 }
 .date-table {
@@ -30,32 +30,32 @@
   -ms-user-select: none;
   user-select: none;
 }
-.cell-date .date-num {
-  font-size: 1.6rem;
-  font-weight: 700;
-}
-.disabled {
-  color: #666;
-}
-.option-booking .cell-date .price {
-  min-height: 20px;
-  color: #666;
-  font-size: 1.2rem;
-}
-.cell-date.selected.selected-end {
-  border-top-right-radius: 6px;
-  border-bottom-right-radius: 6px;
-  position: relative;
-}
-.cell-date.selected.selected-start {
-  border-top-left-radius: 6px;
-  border-bottom-left-radius: 6px;
-}
-.cell-date.selected.selected-end,
-.cell-date.selected.selected-start {
-  color: #fff;
-  background-color: #26bdc9;
-}
+// .cell-date .date-num {
+//   font-size: 1.6rem;
+//   font-weight: 700;
+// }
+// .disabled {
+//   color: #666;
+// }
+// .option-booking .cell-date .price {
+//   min-height: 20px;
+//   color: #666;
+//   font-size: 1.2rem;
+// }
+// .cell-date.selected.selected-end {
+//   border-top-right-radius: 6px;
+//   border-bottom-right-radius: 6px;
+//   position: relative;
+// }
+// .cell-date.selected.selected-start {
+//   border-top-left-radius: 6px;
+//   border-bottom-left-radius: 6px;
+// }
+// .cell-date.selected.selected-end,
+// .cell-date.selected.selected-start {
+//   color: #fff;
+//   background-color: #26bdc9;
+// }
 </style>
 <template>
     <div>
@@ -69,7 +69,7 @@
                 CNY {{ moneyFormat(minPrice, 0)
                 }}<span class="f14">起</span>
               </div>
-              <div>最早可预订日{{startDate}}</div>
+              <div>最早可预订日<span class="q-ml-sm">{{startDate}}</span></div>
             </div>
           </div>
           <!-- <div class="flex bold mr about">
@@ -109,13 +109,7 @@
                   <table class="date-table">
                     <thead>
                       <tr class="row-day">
-                        <th class="cell-day">日</th>
-                        <th class="cell-day">一</th>
-                        <th class="cell-day">二</th>
-                        <th class="cell-day">三</th>
-                        <th class="cell-day">四</th>
-                        <th class="cell-day">五</th>
-                        <th class="cell-day">六</th>
+                        <th v-for="item in ['日','一','二','三','四','五','六']" :key="item" class="col text-weight-bold text-center">{{item}}</th>
                       </tr>
                     </thead>
                     <tbody>
@@ -125,19 +119,19 @@
                         :key="index"
                       >
                         <td
-                          class="cell-date selectable"
+                          class="text-center text-weight-bold cell-date selectable"
                           v-for="(el, index) in item"
                           :key="index"
                         >
-                          <div v-if="el && el.disabled">
-                            <div v-if="el" class="date-num disabled">
+                          <div style="padding: 8px 4px;" v-if="el && el.disabled">
+                            <div v-if="el" class="text-grey-6 disabled">
                               {{ el.day }}
                             </div>
                           </div>
-                          <div v-else-if="el" @click="handleSelectDay(el)" :class="{'select-day': selectDateStr === el.DateStr}">
-                            <div class="date-num">{{ el.day }}</div>
-                            <div class="price">
-                              {{ el.price || "1566" }} 起
+                          <div style="padding: 8px 4px;" class=" text-grey-9" v-else-if="el" @click="handleSelectDay(el)" :class="{'select-day': selectDateStr === el.DateStr}">
+                            <div>{{ el.day }}</div>
+                            <div class="q-mt-sm f12">
+                              {{ el.price }} 起
                             </div>
                           </div>
                         </td>