💻 代码预览 · 小草二手电动车交易网

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
11<header class="header"><a class="back" onclick="history.back()">‹</a><h1>金融分期 / 置换</h1><span class="right"></span></header>
12<div class="fin-hero">
13  <div class="fh-title">🏦 金融分期计算器</div>
14  <div class="fh-sub">首付低至 20% · 年化 4.9% 起 · 最长 60 期<br/>支持以旧换新，旧车抵首付一站式置换</div>
15</div>
16<div class="calc-box">
17  <div class="cb-h">💡 月供试算</div>
18  <div class="calc-row"><label>裸车价（万）</label><input id="carPrice" type="number" value="16.8" step="0.1"/></div>
19  <div class="calc-row"><label>首付比例</label><div class="seg" id="downSeg"><span class="on" data-pct="20">20%</span><span data-pct="30">30%</span><span data-pct="40">40%</span><span data-pct="50">50%</span></div></div>
20  <div class="calc-row"><label>分期期数</label><input id="months" type="number" value="36" min="12" max="60"/></div>
21  <div class="btn btn-orange" onclick="calcFinance()">计算月供</div>
22  <div class="calc-out" id="calcOut"><div class="co-row"><span>请点击计算</span><b>—</b></div></div>
23</div>
24<div class="section-title">📦 分期与置换方案</div>
25<div class="plan-list" id="planList"></div>
26<div style="height:70px"></div>
27
28
29<nav class="tabbar"><a class="" href="index.html"><span class="icon">🏠</span>首页</a><a class="" href="list.html"><span class="icon">🔍</span>找车</a><a class=" active" href="sell.html"><span class="icon">💰</span>卖车</a><a class="" href="community.html"><span class="icon">💬</span>车友圈</a><a class="" href="mine.html"><span class="icon">👤</span>我的</a></nav>
30<script src="data.js"></script>
31<script>
32  var pl = document.getElementById('planList');
33  var h = '';
34  window.DATA.plans.forEach(function (p) {
35    h += '<div class="plan"><div class="pl-emoji">' + p.emoji + '</div><div class="pl-body"><div class="pl-name">' + p.name + '</div><div class="pl-desc">' + p.desc + '</div></div></div>';
36  });
37  pl.innerHTML = h;
38</script>
39<script src="app.js"></script>
40</body>
41</html>