<template>
	<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>
	import {
		ref
	} from 'vue';

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

<style scoped>
	.billing-rules {
		height: 100vh;
		background-color: white;
		padding: 20px;
	}

	.billing-header {
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 16px;
	}

	.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>