fix

@@ -3,6 +3,12 @@
   height: 100vh;
   .detail-info-wrapper {
     padding: 1rem;
+    .detail-info-title {
+      color: #0B0B0B; font-size: 1rem; font-weight: bold;
+    }
+    .detail-info-content {
+      color: #7D7C7C; font-size: 0.8rem;
+    }
   }
   .book-cal {
     padding: 0 0.75rem;
@@ -34,6 +40,12 @@
       margin-left: 0.5rem;
       display: flex;
       align-items: center;
+      .price {
+        color: #EB2E2E; font-size: 1.3rem; font-weight: bold;
+      }
+      .old-price {
+        color: #7D7C7C; text-decoration: line-through; font-size: 0.85rem; margin-left: 5px;
+      }
     }
     .book-btn {
       background-color: #6a4925;

 <!--
  * @Date: 2022-09-19 14:11:06
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2023-12-21 11:21:04
+ * @LastEditTime: 2023-12-21 11:45:01
  * @FilePath: /meihuaApp/src/pages/detail/index.vue
  * @Description: 房间详情页面
 -->
@@ -13,8 +13,8 @@
       </nut-swiper-item>
     </nut-swiper>
     <view class="detail-info-wrapper">
-      <view style="color: #0B0B0B; font-size: 1rem; font-weight: bold;">非凡魅力豪华总统套房</view>
-      <view style="color: #7D7C7C; font-size: 0.8rem;">两室 宜住3人</view>
+      <view class="detail-info-title">非凡魅力豪华总统套房</view>
+      <view class="detail-info-content">两室 宜住3人</view>
     </view>
     <!-- 日历选择器 -->
     <view v-if="showBook" class="book-cal">
@@ -30,8 +30,8 @@
       <nut-row>
         <nut-col :span="18">
           <view class="book-price">
-            <text style="color: #EB2E2E; font-size: 1.3rem; font-weight: bold;">￥980</text>
-            <text style="color: #7D7C7C; text-decoration: line-through; font-size: 0.85rem; margin-left: 5px;">￥1280</text>
+            <text class="price">￥980</text>
+            <text class="old-price">￥1280</text>
           </view>
         </nut-col>
         <nut-col :span="6">