diff --git a/guangchang/ceshi/index.html b/guangchang/ceshi/index.html index 90ca503..7c24b1a 100644 --- a/guangchang/ceshi/index.html +++ b/guangchang/ceshi/index.html @@ -320,8 +320,8 @@ mark{background:linear-gradient(transparent 62%,var(--c20) 0);color:inherit;padd
- - + + - - - + + + + + @@ -1711,6 +1711,17 @@ .qa-it.open .qa-ch{transform:rotate(90deg)} .qa-a{display:none;margin:-4px 12px 14px 46px;padding:11px 13px;border-radius:12px;background:#FFF6F2;font-size:14px;line-height:1.75;color:#4A3B39} .qa-it.t3 .qa-a{margin-left:56px} + /* 11-04 关键词方块(app.js QA_KW):分类同色系浅底 + 深色粗字,2 字一行大、3 字一行小、4 字两行 */ + .qa-kw{position:relative;flex:none;display:grid;place-items:center;width:48px;height:48px;margin-top:0;border-radius:14px;font-style:normal;font-weight:900;text-align:center;letter-spacing:.5px} + .qa-kw span{display:block;line-height:1.15} + .qa-kw.n1 span,.qa-kw.n2 span{font-size:16px}.qa-kw.n3 span{font-size:13.5px;letter-spacing:0}.qa-kw.n4 span{font-size:13.5px} + .qa-kw.c1{background:#FFE9EF;color:#E0507A}.qa-kw.c2{background:#EEEBFF;color:#6E5BD6}.qa-kw.c3{background:#E3F4FF;color:#2F86C9} + .qa-kw.c4{background:#FFF1DA;color:#D5871C}.qa-kw.c5{background:#E6F6EE;color:#2E9C6A}.qa-kw.c6{background:#FFEDE5;color:#E5683F} + .qa-rk{position:absolute;left:-5px;top:-5px;width:18px;height:18px;border-radius:50%;border:2px solid #fff;color:#fff;font-size:10.5px;font-weight:900;line-height:14px;font-style:italic} + .qa-rk.r1{background:linear-gradient(135deg,#F0453A,#FF8A3D)}.qa-rk.r2{background:linear-gradient(135deg,#FF8A2E,#FFC06E)}.qa-rk.r3{background:linear-gradient(135deg,#8D6BFF,#B9A3FF)} + .qa-it.kw .qa-q{gap:12px} + .qa-it.kw .qa-a,.qa-it.kw.t3 .qa-a{margin-left:72px} + html.night .qa-rk{border-color:#2F2737} .qa-it.open .qa-a{display:block} .qa-it.hit{animation:qaHit 1.2s ease} @keyframes qaHit{0%,40%{box-shadow:0 0 0 2px #F4593C}100%{box-shadow:0 3px 12px -2px rgba(190,120,100,.10)}} @@ -2559,17 +2570,17 @@ - + - - + + - + diff --git a/js/app.js b/js/app.js index b40bd2e..26b3f6c 100644 --- a/js/app.js +++ b/js/app.js @@ -3,7 +3,7 @@ (function () { 'use strict'; /* 页面版本号(YYMMDD+序号):显示在「关于兜爸心选」页底部;bump 时同步 head 注释与 ?v= */ - var VER = '26110285'; + var VER = '26110286'; const $ = (s, c) => (c || document).querySelector(s); const $$ = (s, c) => Array.from((c || document).querySelectorAll(s)); @@ -5611,6 +5611,11 @@ $('#qaHeroD').innerHTML = '' + [0, 1, 2, 3, 4].map(i => avaImg(AVA_TOP[(s0 + i * 2) % AVA_TOP.length])).join('') + '' + wan(tot * 0.62) + ' 孕妈在这找答案'; const QA_BD = i => i < 1 ? ['爆', 'bao'] : i < 7 ? ['热', 're'] : i < 10 ? ['新', 'xin'] : null; const QA_EM = { 身体: '🤰', 准备: '📋', 产检: '🩺', 宝宝: '👶', 生活: '🏠', 营养: '🥗', 职场: '💼', 花钱: '💰', 心情: '💗', 趣味: '🎈', 补剂: '💊', 专题: '📌' }; + const QA_KW = { + '生娃计算器,到底要花多少钱?': '生娃花费', '大排畸什么时候做?能看出什么?': '大排畸', '糖耐怎么做?没过怎么办?': '糖耐', + '四维彩超有必要做吗?': '四维彩超', '胎动多少算正常?怎么数?': '数胎动', '妊娠期糖尿病要紧吗?怎么控糖?': '孕期控糖', + '肚子发紧是宫缩吗?': '宫缩', 'B 超说宝宝偏大或偏小,怎么办?': '胎儿大小', '孕期腿抽筋怎么办?': '抽筋', '糖耐前一天怎么吃?': '糖耐饮食' + }; const QA_TC = { 身体: 'c1', 准备: 'c2', 产检: 'c3', 宝宝: 'c4', 生活: 'c5', 营养: 'c6', 职场: 'c2', 花钱: 'c6', 心情: 'c1', 趣味: 'c4', 补剂: 'c3', 专题: 'c5' }; $('#qaTopic').classList.add('hide'); const inBand = x => !!(band && x.st && x.st.indexOf(band) >= 0); @@ -5642,6 +5647,14 @@ if (inBand(x)) it.dataset.st = '1'; const h = document.createElement('button'); h.type = 'button'; h.className = 'qa-q'; const no = document.createElement('i'); no.className = 'qa-no'; no.textContent = i < 9 ? '0' + (i + 1) : i + 1; + /* 11-04 用户:「全是字,从标题里提炼 2~4 个核心字做成前面的小图标,扫一眼就知道讲啥」→ 先做孕 26 周前 10 条看效果(QA_KW), + 有关键词的条目把序号换成关键词方块(底色 / 字色跟分类彩签同色系),前 3 条右上角带名次小圆点;没配关键词的照旧显示序号 */ + const kw = QA_KW[x.q]; + if (kw) { + it.classList.add('kw'); + no.className = 'qa-kw ' + (QA_TC[x.tag] || 'c5') + ' n' + kw.length; + no.innerHTML = '' + (kw.length === 4 ? kw.slice(0, 2) + '