组件显示效果调整

@@ -18,7 +18,7 @@
       <nut-row>
         <nut-col span="18">
           <view class="order-card-price-text">
-            <text class="left">￥980</text>
+            <text class="left"><text style="font-size: 30rpx;">￥</text>980</text>
             <text class="right">￥1280</text>
           </view>
         </nut-col>

 <!--
  * @Date: 2023-12-13 13:42:23
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2023-12-21 14:41:48
+ * @LastEditTime: 2023-12-25 11:04:56
  * @FilePath: /meihuaApp/src/components/roomCard.vue
  * @Description: 房间详情组件
 -->
@@ -15,7 +15,7 @@
           <view class="room-info-desc">两室 宜住3人</view>
         </nut-col>
         <nut-col span="6" class="room-info-right">
-          <view class="room-info-discount">￥980</view>
+          <view class="room-info-discount"><text style="font-size: 25rpx;">￥</text>980</view>
           <view class="room-info-price">￥1280</view>
         </nut-col>
       </nut-row>
@@ -139,13 +139,19 @@ onMounted(() => {
     padding: 0.5rem;
     .room-info-left {
       .room-info-title {
-        color: #0B0B0B; font-weight: bold;
+        color: #0B0B0B;
+        font-weight: bold;
       }
       .room-info-desc {
-        color: #7D7C7C; font-size: 0.8rem;
+        color: #7D7C7C;
+        font-size: 0.8rem;
+        margin-top: 0.1rem;
       }
     }
     .room-info-right {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-end;
       .room-info-discount {
         float: right;
         color: #EB2E2E;
@@ -155,6 +161,7 @@ onMounted(() => {
       .room-info-price {
         float: right;
         color: #7D7C7C;
+        // font-weight: bold;
         font-size: 0.8rem;
         text-decoration: line-through;
       }

@@ -140,16 +140,30 @@
     padding: 30rpx 30rpx 20rpx 30rpx;
     box-shadow: 0px -5px 4px 0px rgba(0, 0, 0, 0.07);
     .price {
-      height: 2rem; margin-left: 0.5rem; display: flex; align-items: center;
+      height: 2rem;
+      margin-left: 0.5rem;
+      display: flex;
+      align-items: center;
       .price-text-left {
-        color: #EB2E2E; font-size: 1.3rem; font-weight: bold;
+        color: #eb2e2e;
+        font-size: 1.3rem;
+        font-weight: bold;
       }
       .price-text-right {
-        color: #7D7C7C; text-decoration: line-through; font-size: 0.85rem; margin-left: 5px;
+        color: #7d7c7c;
+        text-decoration: line-through;
+        font-size: 0.85rem;
+        margin-left: 5px;
       }
     }
     .confirm-btn {
-      background-color: #6A4925; border-radius: 1.25rem; padding: 0.25rem 0.5rem; color: #fff; text-align: center; height: 2rem; line-height: 2rem;
+      background-color: #6a4925;
+      border-radius: 1.25rem;
+      padding: 0.25rem 0.5rem;
+      color: #fff;
+      text-align: center;
+      height: 2rem;
+      line-height: 2rem;
     }
   }
 }

 <!--
  * @Date: 2022-09-19 14:11:06
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2023-12-21 14:17:13
+ * @LastEditTime: 2023-12-25 10:57:42
  * @FilePath: /meihuaApp/src/pages/confirm/index.vue
  * @Description: 确认订单页面
 -->
@@ -130,7 +130,7 @@
       <nut-row>
         <nut-col :span="18">
           <view class="price">
-            <text class="price-text-left">￥{{ room_price_info.discount * book_count * booking_info.days }}</text>
+            <text class="price-text-left"><text style="font-size: 32rpx;">￥</text>{{ room_price_info.discount * book_count * booking_info.days }}</text>
             <text class="price-text-right">￥{{ room_price_info.price * book_count * booking_info.days }}</text>
           </view>
         </nut-col>

@@ -4,10 +4,14 @@
   .detail-info-wrapper {
     padding: 1rem;
     .detail-info-title {
-      color: #0B0B0B; font-size: 1rem; font-weight: bold;
+      color: #0B0B0B;
+      font-size: 1rem;
+      font-weight: bold;
     }
     .detail-info-content {
-      color: #7D7C7C; font-size: 0.8rem;
+      color: #7D7C7C;
+      font-size: 0.8rem;
+      margin-top: 0.1rem;
     }
   }
   .book-cal {

 <!--
  * @Date: 2022-09-19 14:11:06
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2023-12-22 17:38:15
+ * @LastEditTime: 2023-12-25 10:56:14
  * @FilePath: /meihuaApp/src/pages/detail/index.vue
  * @Description: 房间详情页面
 -->
@@ -30,7 +30,7 @@
       <nut-row>
         <nut-col :span="18">
           <view class="book-price">
-            <text class="price">￥980</text>
+            <text class="price"><text style="font-size: 32rpx;">￥</text>980</text>
             <text class="old-price">￥1280</text>
           </view>
         </nut-col>