53 lines
897 B
Vue
53 lines
897 B
Vue
|
<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>
|