r77/rule.html · 约 2225 字符
1<!doctype html>
2<html lang="zh-CN">
3<head>
4<meta charset="utf-8">
5<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
6<title>计费规则</title>
7<link rel="stylesheet" href="style.css">
8</head>
9<body>
10<div class="app">
11 <header class="top">
12 <div class="top-l">车场管理员</div>
13 <div class="top-r">计费规则</div>
14 </header>
15 <main class="main">
16<div class="card">
17 <div class="sec-title"><span class="em">🧾</span> 计费策略（江悦中心）</div>
18 <div class="line-row"><span>首小时</span><b>¥6.0</b><div class="switch on" onclick="this.classList.toggle('on')"></div></div>
19 <div class="line-row"><span>之后每小时</span><b>¥6.0</b><div class="switch on" onclick="this.classList.toggle('on')"></div></div>
20 <div class="line-row"><span>每日封顶</span><b>¥48.0</b><div class="switch on" onclick="this.classList.toggle('on')"></div></div>
21 <div class="line-row"><span>夜间时段(22:00-07:00)</span><b>¥3.0/时</b><div class="switch on" onclick="this.classList.toggle('on')"></div></div>
22 <div class="line-row"><span>免费时长</span><b>30 分钟</b><div class="switch on" onclick="this.classList.toggle('on')"></div></div>
23</div>
24<div class="card">
25 <div class="sec-title"><span class="em">💳</span> 月卡 / 套餐</div>
26 <div class="line-row"><span>个人月卡</span><b>¥380/月</b><div class="switch on" onclick="this.classList.toggle('on')"></div></div>
27 <div class="line-row"><span>商户核销券</span><b>免 2 小时</b><div class="switch on" onclick="this.classList.toggle('on')"></div></div>
28 <div class="line-row"><span>新能源充电车减免</span><b>免 1 小时</b><div class="switch" onclick="this.classList.toggle('on')"></div></div>
29</div>
30<div class="card row"><div class="muted">💾 规则修改后次日 00:00 生效</div><button class="btn sm">保存规则</button></div>
31</main>
32 <nav class="nav"><a class="" href="lot.html"><span class="ic">🚗</span>车位状态</a><a class=" on" href="rule.html"><span class="ic">🧾</span>计费规则</a><a class="" href="home.html"><span class="ic">🏠</span>首页</a></nav>
33</div>
34<script></script>
35</body>
36</html>