|
|
@@ -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 {
|