计算器改分步模式(wizard.js,12 个含产假计算器模式)、测试卡图文分开、百宝箱火苗去圈、关注前3条头像各自2~6秒换(v26110419)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
deploy
2026-11-04 08:44:16 +00:00
parent e57bc9f4a5
commit a6e4a73d21
28 changed files with 342 additions and 90 deletions

View File

@@ -11,7 +11,8 @@
计算:综合所得年度税表(3%~45%,年减除 6 万);应纳税所得 = 12 ×(月薪 − 个人五险一金 − 其他专项附加)− 60000,
省的税 = 不扣宝宝那项的税 − 扣了之后的税。不含年终奖单独计税、劳务报酬等,结果为估算。
共用 ../_shared/calc.css + calc.js(返回 / 禁回弹 / 日期按北京时间 / 记住上次填的值);自成一页,不引 app.js。 -->
<link rel="stylesheet" href="../_shared/calc.css?v=26110418">
<link rel="stylesheet" href="../_shared/calc.css?v=26110419">
<link rel="stylesheet" href="../_shared/wizard.css?v=26110419">
<style>:root{--c:#6C5BD6;--c2:#A595F2;--cbg:#F1EEFF}</style>
</head>
<body>
@@ -24,8 +25,8 @@
<section class="calc">
<div class="res" id="res"><div class="empty">填好月薪,马上算出一年省多少</div></div>
<div class="fld"><label class="lb" for="cSal">税前月薪</label><div class="inw"><input class="in num" type="number" inputmode="decimal" id="cSal" placeholder="比如 15000"><em>元/月</em></div></div>
<div class="fld"><label class="lb" for="cSi">每月个人交的五险一金<small>工资条上「个人社保 + 公积金」</small></label><div class="inw"><input class="in num" type="number" inputmode="decimal" id="cSi" placeholder="不填按月薪 × 22.5% 估"><em>元/月</em></div></div>
<div class="fld"><label class="lb" for="cOt">已经在扣的其他专项附加<small>房贷、房租、赡养老人、继续教育等</small></label><div class="inw"><input class="in num" type="number" inputmode="decimal" id="cOt" placeholder="0"><em>元/月</em></div></div>
<div class="fld" data-opt><label class="lb" for="cSi">每月个人交的五险一金<small>工资条上「个人社保 + 公积金」</small></label><div class="inw"><input class="in num" type="number" inputmode="decimal" id="cSi" placeholder="不填按月薪 × 22.5% 估"><em>元/月</em></div></div>
<div class="fld" data-opt><label class="lb" for="cOt">已经在扣的其他专项附加<small>房贷、房租、赡养老人、继续教育等</small></label><div class="inw"><input class="in num" type="number" inputmode="decimal" id="cOt" placeholder="0"><em>元/月</em></div></div>
<div class="fld"><span class="lb">3 岁以下的宝宝</span><div class="seg" id="cN"><button type="button" data-v="1">1 个</button><button type="button" data-v="2">2 个</button><button type="button" data-v="3">3 个</button></div></div>
<div class="fld"><span class="lb">这一项你扣多少</span><div class="seg s2" id="cR"><button type="button" data-v="100">我一个人扣 100%</button><button type="button" data-v="50">夫妻各扣 50%</button></div>
<span class="hint">一般谁工资高、税率高,谁扣 100% 更省;一个纳税年度内不能改</span></div>
@@ -48,7 +49,7 @@
<p class="foot">按现行个税政策估算,未含年终奖单独计税等情况,以个税 App 实际计算为准。</p>
</div>
<script src="../_shared/calc.js?v=26110418"></script>
<script src="../_shared/calc.js?v=26110419"></script>
<script>
(function () {
'use strict';
@@ -81,7 +82,10 @@
})();
</script>
<script src="../_shared/brand.js?v=26110203"></script>
<script src="../../js/share-card.js?v=26110418"></script>
<script src="../../js/share-card.js?v=26110419"></script>
<script>window.mbShare('../../assets/share/t/geshui-js.jpg', '个税省多少:有宝宝一年能少交多少税'); /* 11-04 微信转发图 */</script>
<!-- 11-04 分步模式:一步一题、最后出结果(同生娃计算器),见 ../_shared/wizard.js -->
<script src="../_shared/wizard.js?v=26110419"></script>
<script>CKW.init({ root: '.calc', res: '#res', after: '#scroll > section.calc ~ *' });</script>
</body>
</html>