wechat-pilelog/components/parking-info/parking-info.wxml

<!-- components/parking-info/index.wxml -->
<view class="parking-info">
  <!-- 标题区域 -->
  <view>
    <view class="title-block">
      <image class="iconZW" src="/images/zhangweifei.png" />
      <view class="title">超时占位费</view>
    </view>
    <!-- 费用信息 -->
    <view class="fee-info">
      <view class="fee-rate">{{occupyFee.cost_cycle}}元/分钟 单次封顶{{occupyFee.max_fee_time}}元/次</view>
    </view>
    <!-- 时间信息 -->
    <view class="time-info">
      <view class="time-label">收费时段：</view>
      <view class="time-value">{{occupyFee.cost_time_period}}</view>
    </view>
    <!-- 提示信息 -->
    <view class="notice-block">
      <view class="notice-text">充电结束{{occupyFee.free_time}}分钟未挪车，将按占用时长收取超时占位费</view>
    </view>
  </view>
  <!-- 费用说明 -->
  <view class="description">
    <view class="desc-text">费用说明：非充电状态占用充电设备或车位，充电站将收取占位费，请及时结束充电并按时挪车，避免额外费用带来经济损失。</view>
  </view>
</view>