From 4f2d57153e56d184344e8799379e376d02f726db Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=8F=E6=9C=B1?= <2671189764@qq.com>
Date: Mon, 14 Apr 2025 16:49:31 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B8=AE=E5=8A=A9=E4=B8=AD=E5=BF=83-=E8=AE=A1?=
 =?UTF-8?q?=E8=B4=B9=E8=A7=84=E5=88=99=E9=A1=B5=E9=9D=A2=E5=BC=80=E5=8F=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/user/HelpPage/BillingRules.vue      | 68 ++++++++++++-------
 .../pages/user/HelpPage/HelpPage.vue          |  2 +-
 2 files changed, 44 insertions(+), 26 deletions(-)

diff --git a/ebike-maintenance/pages/user/HelpPage/BillingRules.vue b/ebike-maintenance/pages/user/HelpPage/BillingRules.vue
index 7810df7..9d1bba7 100644
--- a/ebike-maintenance/pages/user/HelpPage/BillingRules.vue
+++ b/ebike-maintenance/pages/user/HelpPage/BillingRules.vue
@@ -1,35 +1,53 @@
 <template>
-  <view class="billing-rules">
-    <text class="title">计费规则</text>
-    <view class="content">
-      <text>这里是计费规则的详细描述。</text>
-    </view>
-  </view>
+	<view class="billing-rules">
+		<view class="billing-header">计费规则</view>
+
+		<view class="billing-item">
+			<view class="item-title">起步价</view>
+			<view class="item-value">￥1.50元</view>
+		</view>
+
+		<view class="billing-item">
+			<view class="item-title">包含时长</view>
+			<view class="item-value">30分钟以内</view>
+		</view>
+	</view>
 </template>
 
 <script setup>
-  // Vue 3 中的 <script setup> 语法
-  // 使用 Composition API 来编写逻辑
-  
-  import { ref } from 'vue';
+	import {
+		ref
+	} from 'vue';
 
-  const message = ref("这里是计费规则的详细描述");
+	const message = ref("这里是计费规则的详细描述");
 </script>
 
 <style scoped>
-.billing-rules {
-  padding: 20px;
-}
+	.billing-rules {
+		height: 100vh;
+		background-color: white;
+		padding: 20px;
+	}
 
-.title {
-  font-size: 24px;
-  font-weight: bold;
-  color: #333;
-}
+	.billing-header {
+		font-size: 16px;
+		font-weight: bold;
+		margin-bottom: 16px;
+	}
 
-.content {
-  margin-top: 10px;
-  font-size: 16px;
-  color: #555;
-}
-</style>
+	.billing-item {
+		display: flex;
+		justify-content: space-between;
+		margin-bottom: 12px;
+	}
+
+	.item-title {
+		font-size: 13px;
+		color: #333;
+	}
+
+	.item-value {
+		font-size: 13px;
+		color: #666;
+	}
+</style>
\ No newline at end of file
diff --git a/ebike-maintenance/pages/user/HelpPage/HelpPage.vue b/ebike-maintenance/pages/user/HelpPage/HelpPage.vue
index dedd390..97bbc22 100644
--- a/ebike-maintenance/pages/user/HelpPage/HelpPage.vue
+++ b/ebike-maintenance/pages/user/HelpPage/HelpPage.vue
@@ -1,6 +1,6 @@
 <template>
 	<view class="container">
-		<view class="cu-list menu card-menu margin-top-xl margin-bottom-xl shadow-lg radius">
+		<view class="cu-list menu card-menu margin-bottom-xl shadow-lg radius">
 			<view class="cu-item arrow">
 				<view class="content flex"  @click="goToBillingRules">
 					<text class="text-black text-bold">计费规则</text>