Files
mama-box/topic/yuezi-js/index.html

81 lines
6.2 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
<meta name="format-detection" content="telephone=no">
<title>月子花费计算器</title>
<!-- 孕期计算器 · 月子花费计算器(2026-11-04 用户从 20 个备选里选了带星的 10 个,本页是其中之一)。
价格是 2026 年市场行情的估算区间(月子中心 28 天套餐、金牌 / 普通月嫂 26 天、在家坐月子的食材营养 + 用品),按城市 × 档次取值,按天数折算;
不是报价,只帮用户比较三种方式的量级。改价格只改下面 P 表。
共用 ../_shared/calc.css + calc.js(返回 / 禁回弹 / 日期按北京时间 / 记住上次填的值);自成一页,不引 app.js。 -->
<link rel="stylesheet" href="../_shared/calc.css?v=26110449">
<link rel="stylesheet" href="../_shared/wizard.css?v=26110449">
<style>:root{--c:#C9658F;--c2:#F0A0C0;--cbg:#FCEEF4}</style>
</head>
<body>
<div id="scroll">
<header class="bar" id="bar">
<button class="back" id="back" aria-label="返回"><svg viewBox="0 0 24 24"><path d="M15 5l-7 7 7 7"/></svg></button>
<span class="t">孕期计算器</span>
</header>
<section class="hd"><p>孕期计算器</p><h1>月子花费计算器</h1><span>月子中心、请月嫂、在家坐,三种方式各要花多少</span></section>
<section class="calc">
<div class="res" id="res"></div>
<div class="fld"><span class="lb">在哪个城市坐月子</span><div class="seg s4" id="cCity"><button type="button" data-v="0">一线</button><button type="button" data-v="1">新一线</button><button type="button" data-v="2">二线</button><button type="button" data-v="3">三四线</button></div>
<span class="hint">一线:北上广深;新一线:杭州、成都、南京、武汉、西安等</span></div>
<div class="fld"><span class="lb">想要的档次</span><div class="seg" id="cLv"><button type="button" data-v="0">经济</button><button type="button" data-v="1">中档</button><button type="button" data-v="2">高端</button></div></div>
<div class="fld"><span class="lb">坐多久</span><div class="seg s2" id="cDay"><button type="button" data-v="28">28 天</button><button type="button" data-v="42">42 天</button></div></div>
</section>
<section class="sec">
<h2>三种方式比一比</h2>
<p class="lead">按你选的城市和档次估算</p>
<div class="cards" id="cards"></div>
</section>
<div class="tip"><b>看月子中心记得问清:</b>价格含不含宝宝护理、产后修复、家属餐和陪护床;护士是否 24 小时、一对几;有没有医护资质和儿科医生定期巡房。<br><b>请月嫂:</b>看健康证、育婴师证,最好先面试、试工,合同写清休息和换人规则。</div>
<p class="foot">价格为 2026 年市场行情估算,各地差别很大,以实际报价为准。</p>
</div>
<script src="../_shared/calc.js?v=26110449"></script>
<script>
(function () {
'use strict';
var C = window.CK, $ = C.$;
C.shell();
/* 每 28 天(万元)[城市][档次]:月子中心 / 月嫂(26 天按 28 天计,含额外伙食)/ 在家(食材营养 + 用品 + 小时工) */
var P = {
zx: [[3.5, 6, 12], [2.5, 4, 8], [1.8, 3, 5.5], [1.2, 2, 3.5]],
ys: [[1.4, 2, 3.1], [1.1, 1.6, 2.5], [.9, 1.3, 2], [.7, 1, 1.5]],
jj: [[.5, .8, 1.3], [.4, .65, 1.1], [.35, .55, .9], [.3, .45, .7]]
};
var st = C.store('mmbox.calc.yuezi', { city: 1, lv: 1, day: 28 });
C.seg($('#cCity'), st, 'city', paint); C.seg($('#cLv'), st, 'lv', paint); C.seg($('#cDay'), st, 'day', paint);
function v(k) { return P[k][st.city][st.lv] * 1e4 * st.day / 28; }
function rg(k) { var x = v(k); return C.money(x * .85) + '~' + C.money(x * 1.15); }
function paint() {
st.save();
var a = v('zx'), b = v('ys'), c = v('jj');
$('#res').innerHTML = '<small>' + ['一线', '新一线', '二线', '三四线'][st.city] + ' · ' + ['经济', '中档', '高端'][st.lv] + ' · ' + st.day + ' 天,三种方式大约</small>' +
'<div class="row"><div><small>月子中心</small><b class="num">' + C.money(a) + '</b></div><div><small>请月嫂</small><b class="num">' + C.money(b) + '</b></div><div><small>家人照顾</small><b class="num">' + C.money(c) + '</b></div></div>' +
'<span class="note">月子中心比在家贵 ' + C.money(a - c) + ' 元左右;中间方案是月子中心住一段 + 回家请月嫂。</span>';
var mix = v('zx') / 2 + v('ys') / 2;
$('#cards').innerHTML = [
['月子中心', rg('zx'), '有专业护士 24 小时带宝宝,妈妈只管休息和吃,产后修复、月子餐一站式。', '适合:家里没人帮忙、想彻底休息、预算充足', 0],
['请月嫂在家', rg('ys'), '月嫂住家照顾妈妈和宝宝,做月子餐;在自己家更自在,家人也能搭把手。', '适合:家里住得开、想在熟悉环境里坐月子', 0],
['家人照顾', rg('jj'), '花在食材营养、产后用品和偶尔的小时工上,最省钱,但家人会很累,也容易有育儿观念分歧。', '适合:长辈身体好、有经验,家庭关系融洽', 0],
['组合:月子中心一半 + 月嫂一半', C.money(mix * .85) + '~' + C.money(mix * 1.15), '前两周在月子中心恢复、学会喂奶护理,后两周回家请月嫂过渡。', '适合:想要专业照护又想省一点', 0]
].map(function (x) { return '<div class="cd"><div class="k"><b>' + x[0] + '</b><strong class="num">' + x[1] + ' 元</strong></div><p>' + x[2] + '</p><small>' + x[3] + '</small></div>'; }).join('');
}
paint();
})();
</script>
<script src="../_shared/brand.js?v=26110203"></script>
<script src="../../js/share-card.js?v=26110449"></script>
<script>window.mbShare('../../assets/share/t/yuezi-js.jpg', '月子花费:月子中心、月嫂、在家坐各花多少'); /* 11-04 微信转发图 */</script>
<!-- 11-04 分步模式:一步一题、最后出结果(同生娃计算器),见 ../_shared/wizard.js -->
<script src="../_shared/wizard.js?v=26110449"></script>
<script>CKW.init({ root: '.calc', res: '#res', after: '#scroll > section.calc ~ *' });</script>
</body>
</html>