Sfoglia il codice sorgente

feat: 价格弹窗增加提示文字"以场地设备实际功能为准"

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
skyline 2 giorni fa
parent
commit
6f0e9eae00
1 ha cambiato i file con 21 aggiunte e 7 eliminazioni
  1. 21 7
      car-wash-mp/src/components/price-table/index.vue

+ 21 - 7
car-wash-mp/src/components/price-table/index.vue

@@ -1,11 +1,14 @@
 <template>
   <view class="price-card" v-if="hasAnyPrice">
     <view class="card-header">
-      <view class="header-dot"></view>
-      <text class="header-title">收费标准</text>
-      <view class="header-close" @click="emit('close')">
-        <text class="close-icon">✕</text>
+      <view class="header-row">
+        <view class="header-dot"></view>
+        <text class="header-title">收费标准</text>
+        <view class="header-close" @click="emit('close')">
+          <text class="close-icon">✕</text>
+        </view>
       </view>
+      <text class="header-tip">以场地设备实际功能为准</text>
     </view>
 
     <view class="price-grid">
@@ -84,11 +87,14 @@ const fmtYuanPerMin = (fen: number) => {
   flex-direction: column;
 
   .card-header {
-    display: flex;
-    align-items: center;
-    gap: 12rpx;
     padding: 32rpx 32rpx 0;
 
+    .header-row {
+      display: flex;
+      align-items: center;
+      gap: 12rpx;
+    }
+
     .header-dot {
       width: 10rpx;
       height: 10rpx;
@@ -119,6 +125,14 @@ const fmtYuanPerMin = (fen: number) => {
         color: $uni-text-color-tertiary;
       }
     }
+
+    .header-tip {
+      display: block;
+      margin-top: 8rpx;
+      margin-left: 22rpx;
+      font-size: 22rpx;
+      color: $uni-text-color-tertiary;
+    }
   }
 
   .price-grid {