fix 样式优化

@@ -26,6 +26,7 @@ declare module '@vue/runtime-core' {
     NutRadio: typeof import('@nutui/nutui-taro')['Radio']
     NutRadioGroup: typeof import('@nutui/nutui-taro')['RadioGroup']
     NutRow: typeof import('@nutui/nutui-taro')['Row']
+    NutSkeleton: typeof import('@nutui/nutui-taro')['Skeleton']
     NutSwiper: typeof import('@nutui/nutui-taro')['Swiper']
     NutSwiperItem: typeof import('@nutui/nutui-taro')['SwiperItem']
     NutTabPane: typeof import('@nutui/nutui-taro')['TabPane']

@@ -18,8 +18,8 @@
       <nut-row>
         <nut-col span="18">
           <view class="order-card-price-text">
-            <text class="left"><nut-price :price="980" size="normal" /></text>
-            <text class="right"><nut-price :price="1280" size="small" strike-through style="color: #7D7C7C;" /></text>
+            <view class="left"><nut-price :price="980" size="normal" /></view>
+            <view class="right" style="margin-top: 10rpx;"><nut-price :price="1280" size="small" strike-through style="color: #7D7C7C;" /></view>
           </view>
         </nut-col>
         <nut-col span="6" class="order-card-price-num">
@@ -124,7 +124,7 @@
 </template>
 
 <script setup>
-import { ref, onMounted, onUnmounted, computed } from 'vue'
+import { ref, reactive, onMounted, onUnmounted, computed } from 'vue'
 import Taro from '@tarojs/taro'
 import { IconFont } from '@nutui/icons-vue-taro';
 
@@ -234,6 +234,11 @@ onUnmounted(() => {
 </script>
 
 <style lang="less">
+:root,
+page {
+  --nut-price-medium-size: 35rpx;
+}
+
 .order-card-component {
   margin: 1rem;
   margin-top: 0.5rem;

 <!--
  * @Date: 2023-12-13 13:42:23
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2023-12-25 12:49:46
+ * @LastEditTime: 2023-12-25 13:33:45
  * @FilePath: /meihuaApp/src/components/roomCard.vue
  * @Description: 房间详情组件
 -->
@@ -15,8 +15,8 @@
           <view class="room-info-desc">两室 宜住3人</view>
         </nut-col>
         <nut-col span="6" class="room-info-right">
-          <view class="room-info-discount"><nut-price :price="980" size="normal" /></view>
-          <view class="room-info-price"><nut-price :price="1280" size="small" strike-through style="color: #7D7C7C;" /></view>
+          <nut-price :price="980" size="normal" style="font-weight: bold;" />
+          <nut-price :price="1280" size="small" strike-through style="color: #7D7C7C;" />
         </nut-col>
       </nut-row>
     </view>
@@ -123,6 +123,10 @@ onMounted(() => {
 </script>
 
 <style lang="less">
+:root,
+page {
+  --nut-price-medium-size: 35rpx;
+}
 .room-card-component {
   position: relative;
   margin: 1rem;
@@ -141,11 +145,12 @@ onMounted(() => {
       .room-info-title {
         color: #0B0B0B;
         font-weight: bold;
+        margin-top: 5rpx;
       }
       .room-info-desc {
         color: #7D7C7C;
         font-size: 0.8rem;
-        margin-top: 0.1rem;
+        margin-top: 0.2rem;
       }
     }
     .room-info-right {
@@ -153,13 +158,10 @@ onMounted(() => {
       flex-direction: column;
       align-items: flex-end;
       .room-info-discount {
-        float: right;
         color: #EB2E2E;
         font-weight: bold;
-        font-size: 1.1rem;
       }
       .room-info-price {
-        float: right;
       }
     }
   }