Hooke / meihua-island-book

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
6fbaf9be 1 parent 5610429c

fix

Inline Side-by-side
Showing 2 changed files with 17 additions and 5 deletions
...@@ -3,6 +3,12 @@ ...@@ -3,6 +3,12 @@
3 height: 100vh; 3 height: 100vh;
4 .detail-info-wrapper { 4 .detail-info-wrapper {
5 padding: 1rem; 5 padding: 1rem;
6 + .detail-info-title {
7 + color: #0B0B0B; font-size: 1rem; font-weight: bold;
8 + }
9 + .detail-info-content {
10 + color: #7D7C7C; font-size: 0.8rem;
11 + }
6 } 12 }
7 .book-cal { 13 .book-cal {
8 padding: 0 0.75rem; 14 padding: 0 0.75rem;
...@@ -34,6 +40,12 @@ ...@@ -34,6 +40,12 @@
34 margin-left: 0.5rem; 40 margin-left: 0.5rem;
35 display: flex; 41 display: flex;
36 align-items: center; 42 align-items: center;
43 + .price {
44 + color: #EB2E2E; font-size: 1.3rem; font-weight: bold;
45 + }
46 + .old-price {
47 + color: #7D7C7C; text-decoration: line-through; font-size: 0.85rem; margin-left: 5px;
48 + }
37 } 49 }
38 .book-btn { 50 .book-btn {
39 background-color: #6a4925; 51 background-color: #6a4925;
......
1 <!-- 1 <!--
2 * @Date: 2022-09-19 14:11:06 2 * @Date: 2022-09-19 14:11:06
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2023-12-21 11:21:04 4 + * @LastEditTime: 2023-12-21 11:45:01
5 * @FilePath: /meihuaApp/src/pages/detail/index.vue 5 * @FilePath: /meihuaApp/src/pages/detail/index.vue
6 * @Description: 房间详情页面 6 * @Description: 房间详情页面
7 --> 7 -->
...@@ -13,8 +13,8 @@ ...@@ -13,8 +13,8 @@
13 </nut-swiper-item> 13 </nut-swiper-item>
14 </nut-swiper> 14 </nut-swiper>
15 <view class="detail-info-wrapper"> 15 <view class="detail-info-wrapper">
16 - <view style="color: #0B0B0B; font-size: 1rem; font-weight: bold;">非凡魅力豪华总统套房</view> 16 + <view class="detail-info-title">非凡魅力豪华总统套房</view>
17 - <view style="color: #7D7C7C; font-size: 0.8rem;">两室 宜住3人</view> 17 + <view class="detail-info-content">两室 宜住3人</view>
18 </view> 18 </view>
19 <!-- 日历选择器 --> 19 <!-- 日历选择器 -->
20 <view v-if="showBook" class="book-cal"> 20 <view v-if="showBook" class="book-cal">
...@@ -30,8 +30,8 @@ ...@@ -30,8 +30,8 @@
30 <nut-row> 30 <nut-row>
31 <nut-col :span="18"> 31 <nut-col :span="18">
32 <view class="book-price"> 32 <view class="book-price">
33 - <text style="color: #EB2E2E; font-size: 1.3rem; font-weight: bold;">￥980</text> 33 + <text class="price">￥980</text>
34 - <text style="color: #7D7C7C; text-decoration: line-through; font-size: 0.85rem; margin-left: 5px;">￥1280</text> 34 + <text class="old-price">￥1280</text>
35 </view> 35 </view>
36 </nut-col> 36 </nut-col>
37 <nut-col :span="6"> 37 <nut-col :span="6">
......