<template>
  <view class="billing-rules">
    <text class="title">计费规则</text>
    <view class="content">
      <text>这里是计费规则的详细描述。</text>
    </view>
  </view>
</template>

<script setup>
  // Vue 3 中的 <script setup> 语法
  // 使用 Composition API 来编写逻辑
  
  import { ref } from 'vue';

  const message = ref("这里是计费规则的详细描述");
</script>

<style scoped>
.billing-rules {
  padding: 20px;
}

.title {
  font-size: 24px;
  font-weight: bold;
  color: #333;
}

.content {
  margin-top: 10px;
  font-size: 16px;
  color: #555;
}
</style>
