Hooke / xysBooking

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
429d9187 1 parent 2161bcfb

fix 样式调整优化

Inline Side-by-side
Showing 2 changed files with 13 additions and 6 deletions
1 <!-- 1 <!--
2 * @Date: 2024-01-15 13:35:51 2 * @Date: 2024-01-15 13:35:51
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-01-24 18:45:17 4 + * @LastEditTime: 2024-01-25 09:32:41
5 * @FilePath: /xysBooking/src/views/booking.vue 5 * @FilePath: /xysBooking/src/views/booking.vue
6 * @Description: 预约页面 6 * @Description: 预约页面
7 --> 7 -->
...@@ -16,6 +16,7 @@ ...@@ -16,6 +16,7 @@
16 <div class="days-of-week"> 16 <div class="days-of-week">
17 <div v-for="day in daysOfWeek" :key="day" class="item">{{ day }}</div> 17 <div v-for="day in daysOfWeek" :key="day" class="item">{{ day }}</div>
18 </div> 18 </div>
19 + <div class="weeks-wrapper">
19 <div v-for="(week, index) in weeks" :key="week" class="weeks"> 20 <div v-for="(week, index) in weeks" :key="week" class="weeks">
20 <div v-for="date in week" :key="date" 21 <div v-for="date in week" :key="date"
21 @click="chooseDay(date)" 22 @click="chooseDay(date)"
...@@ -35,6 +36,7 @@ ...@@ -35,6 +36,7 @@
35 </div> 36 </div>
36 </div> 37 </div>
37 </div> 38 </div>
39 + </div>
38 <div v-if="checked_day && checked_day_reserve_full === ReserveStatus.AVAILABLE" class="choose-time"> 40 <div v-if="checked_day && checked_day_reserve_full === ReserveStatus.AVAILABLE" class="choose-time">
39 <div class="title"> 41 <div class="title">
40 <div class="text">选择参访时间段</div> 42 <div class="text">选择参访时间段</div>
...@@ -300,6 +302,8 @@ const nextBtn = () => { ...@@ -300,6 +302,8 @@ const nextBtn = () => {
300 .choose-date { 302 .choose-date {
301 border-radius: 5px; 303 border-radius: 5px;
302 background-color: #FFFFFF; 304 background-color: #FFFFFF;
305 +
306 +
303 .title { 307 .title {
304 padding: 0.5rem 0.75rem; 308 padding: 0.5rem 0.75rem;
305 display: flex; 309 display: flex;
...@@ -330,9 +334,12 @@ const nextBtn = () => { ...@@ -330,9 +334,12 @@ const nextBtn = () => {
330 text-align: center; 334 text-align: center;
331 } 335 }
332 } 336 }
337 + .weeks-wrapper {
338 + padding: 0.5rem 0;
339 + }
333 .weeks { 340 .weeks {
334 display: flex; 341 display: flex;
335 - padding: 0.5em 1%; 342 + padding: 0 1%;
336 .item { 343 .item {
337 width: 11.5%; 344 width: 11.5%;
338 text-align: center; 345 text-align: center;
......
1 <!-- 1 <!--
2 * @Date: 2024-01-15 11:43:01 2 * @Date: 2024-01-15 11:43:01
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-01-24 14:49:00 4 + * @LastEditTime: 2024-01-25 09:15:53
5 * @FilePath: /xysBooking/src/views/notice.vue 5 * @FilePath: /xysBooking/src/views/notice.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
...@@ -33,10 +33,10 @@ ...@@ -33,10 +33,10 @@
33 v-model="checked" 33 v-model="checked"
34 shape="square" 34 shape="square"
35 checked-color="#A67939" 35 checked-color="#A67939"
36 - style="margin-left: 1.25rem" 36 + style="margin: 0 0 0.5rem 1.25rem;"
37 > 37 >
38 - <van-checkbox name="1" icon-size="0.8rem" 38 + <van-checkbox name="1" icon-size="1rem"
39 - ><span style="color: #a67939; font-size: 0.85rem" 39 + ><span style="color: #a67939; font-size: 1rem"
40 >我已阅读并同意以上内容</span 40 >我已阅读并同意以上内容</span
41 ></van-checkbox 41 ></van-checkbox
42 > 42 >
......