Skip to content

M
million
Commit 0f75a373 authored by 沈良进's avatar 沈良进
Browse files
Options

酒店详情修改

parent 12b105a8
Hide whitespace changes
Inline Side-by-side
Showing with 36 additions and 42 deletions
src/pages/hotel/selectRoom.vue
View file @ 0f75a373
<style lang="scss" scoped> <style lang="scss" scoped>
.select-day { .select-day {
background: $primary; background: $primary;
color: #fff; color: #fff !important;
border-radius: 8px; border-radius: 8px;
} }
.date-table { .date-table {
...@@ -30,32 +30,32 @@ ...@@ -30,32 +30,32 @@
-ms-user-select: none; -ms-user-select: none;
user-select: none; user-select: none;
} }
.cell-date .date-num { // .cell-date .date-num {
font-size: 1.6rem; // font-size: 1.6rem;
font-weight: 700; // font-weight: 700;
} // }
.disabled { // .disabled {
color: #666; // color: #666;
} // }
.option-booking .cell-date .price { // .option-booking .cell-date .price {
min-height: 20px; // min-height: 20px;
color: #666; // color: #666;
font-size: 1.2rem; // font-size: 1.2rem;
} // }
.cell-date.selected.selected-end { // .cell-date.selected.selected-end {
border-top-right-radius: 6px; // border-top-right-radius: 6px;
border-bottom-right-radius: 6px; // border-bottom-right-radius: 6px;
position: relative; // position: relative;
} // }
.cell-date.selected.selected-start { // .cell-date.selected.selected-start {
border-top-left-radius: 6px; // border-top-left-radius: 6px;
border-bottom-left-radius: 6px; // border-bottom-left-radius: 6px;
} // }
.cell-date.selected.selected-end, // .cell-date.selected.selected-end,
.cell-date.selected.selected-start { // .cell-date.selected.selected-start {
color: #fff; // color: #fff;
background-color: #26bdc9; // background-color: #26bdc9;
} // }
</style> </style>
<template> <template>
<div> <div>
...@@ -69,7 +69,7 @@ ...@@ -69,7 +69,7 @@
CNY {{ moneyFormat(minPrice, 0) CNY {{ moneyFormat(minPrice, 0)
}}<span class="f14">起</span> }}<span class="f14">起</span>
</div> </div>
<div>最早可预订日{{startDate}}</div> <div>最早可预订日<span class="q-ml-sm">{{startDate}}</span></div>
</div> </div>
</div> </div>
<!-- <div class="flex bold mr about"> <!-- <div class="flex bold mr about">
...@@ -109,13 +109,7 @@ ...@@ -109,13 +109,7 @@
<table class="date-table"> <table class="date-table">
<thead> <thead>
<tr class="row-day"> <tr class="row-day">
<th class="cell-day">日</th> <th v-for="item in ['日','一','二','三','四','五','六']" :key="item" class="col text-weight-bold text-center">{{item}}</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>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
...@@ -125,19 +119,19 @@ ...@@ -125,19 +119,19 @@
:key="index" :key="index"
> >
<td <td
class="cell-date selectable" class="text-center text-weight-bold cell-date selectable"
v-for="(el, index) in item" v-for="(el, index) in item"
:key="index" :key="index"
> >
<div v-if="el && el.disabled"> <div style="padding: 8px 4px;" v-if="el && el.disabled">
<div v-if="el" class="date-num disabled"> <div v-if="el" class="text-grey-6 disabled">
{{ el.day }} {{ el.day }}
</div> </div>
</div> </div>
<div v-else-if="el" @click="handleSelectDay(el)" :class="{'select-day': selectDateStr === el.DateStr}"> <div style="padding: 8px 4px;" class=" text-grey-9" v-else-if="el" @click="handleSelectDay(el)" :class="{'select-day': selectDateStr === el.DateStr}">
<div class="date-num">{{ el.day }}</div> <div>{{ el.day }}</div>
<div class="price"> <div class="q-mt-sm f12">
{{ el.price || "1566" }} 起 {{ el.price }} 起
</div> </div>
</div> </div>
</td> </td>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment