Compare commits
2 Commits
0f79ddcffb
...
8c4b152294
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
8c4b152294 | ||
|
|
ab799bcebb |
BIN
guangchang/bn/baby.webp
Normal file
BIN
guangchang/bn/baby.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.4 KiB |
BIN
guangchang/bn/ceshi.webp
Normal file
BIN
guangchang/bn/ceshi.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.7 KiB |
BIN
guangchang/bn/family.webp
Normal file
BIN
guangchang/bn/family.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.5 KiB |
BIN
guangchang/bn/work.webp
Normal file
BIN
guangchang/bn/work.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.2 KiB |
@@ -367,8 +367,8 @@ mark{background:linear-gradient(transparent 62%,var(--c20) 0);color:inherit;padd
|
||||
</div>
|
||||
<div class="toast" id="toast"></div>
|
||||
|
||||
<script src="meta.js?v=26110253"></script>
|
||||
<script src="tests.js?v=26110253"></script>
|
||||
<script src="meta.js?v=26110255"></script>
|
||||
<script src="tests.js?v=26110255"></script>
|
||||
<script>
|
||||
(function () {
|
||||
'use strict';
|
||||
|
||||
@@ -560,6 +560,24 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
|
||||
.rec-app.off img,.rec-app.off .rl{opacity:.45;filter:grayscale(.4)}
|
||||
.rec-app.off i{position:absolute;top:-8px;left:calc(50% + 4px);font-style:normal;font-size:9px;font-weight:700;line-height:1;padding:3px 5px;border-radius:99px;background:#B9A9A2;color:#fff;white-space:nowrap}
|
||||
.rec-empty{padding:30px 0;text-align:center;font-size:13px;color:#9C8F88}
|
||||
|
||||
/* ---------- 分类小 banner(11-03 用户:家庭婚姻 / 职场 / 经验 / 测一测各做一张小 banner 替换祈福树,祈福树只留在「全部」)
|
||||
图 guangchang/bn/*.webp(AI 生成 3D 黏土风,纯色底),卡片底色取图的底色,图贴右边、左侧文字 ---------- */
|
||||
.cbn{position:relative;display:flex;align-items:stretch;width:calc(100% - 24px);height:112px;margin:2px 12px 0;border:0;padding:0;border-radius:18px;overflow:hidden;text-align:left;font-family:inherit;cursor:pointer;background:var(--bb);box-shadow:0 6px 16px rgba(160,90,70,.1);transition:transform .16s;-webkit-tap-highlight-color:transparent}
|
||||
.cbn:active{transform:scale(.985)}
|
||||
.cbn img{position:absolute;right:-6px;top:50%;height:132px;width:auto;transform:translateY(-50%);pointer-events:none;animation:cbnF 5s ease-in-out infinite}
|
||||
@keyframes cbnF{0%,100%{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 3px))}}
|
||||
.cbn::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--bb) 38%,transparent 66%)}
|
||||
.cbn-tx{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;padding:14px 0 12px 16px;max-width:64%}
|
||||
.cbn-tx small{font-size:11px;font-weight:700;color:var(--bc);opacity:.85;letter-spacing:.3px}
|
||||
.cbn-tx b{margin-top:4px;font-size:17.5px;font-weight:900;color:#2A1E1E;line-height:1.25;white-space:nowrap}
|
||||
.cbn-tx em{margin-top:3px;font-style:normal;font-size:11.5px;color:#7C6E68;white-space:nowrap}
|
||||
.cbn-go{margin-top:auto;display:inline-flex;align-items:center;gap:1px;height:26px;padding:0 9px 0 12px;border-radius:99px;background:var(--bc);color:#fff;font-size:12px;font-weight:800;box-shadow:0 3px 8px rgba(0,0,0,.12)}
|
||||
.cbn-go .ic{width:12px;height:12px}
|
||||
.cbn.b-family{--bb:#FCDEE3;--bc:#E25C7A}
|
||||
.cbn.b-work{--bb:#D2E0F7;--bc:#4A7BD0}
|
||||
.cbn.b-baby{--bb:#D6EFE7;--bc:#2E9B78}
|
||||
.cbn.b-ceshi{--bb:#E8E0FC;--bc:#7A5BD6}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@@ -648,10 +666,10 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
|
||||
<div id="sheet" role="dialog" aria-modal="true"><i class="sg"></i><div class="sbd" id="sbd"></div></div>
|
||||
<div class="toast" id="toast"></div>
|
||||
|
||||
<script src="topics.js?v=26110253"></script>
|
||||
<script src="data.js?v=26110253"></script>
|
||||
<script src="feed.js?v=26110253"></script>
|
||||
<script src="ceshi/meta.js?v=26110253"></script>
|
||||
<script src="topics.js?v=26110255"></script>
|
||||
<script src="data.js?v=26110255"></script>
|
||||
<script src="feed.js?v=26110255"></script>
|
||||
<script src="ceshi/meta.js?v=26110255"></script>
|
||||
<script>
|
||||
(function () {
|
||||
'use strict';
|
||||
@@ -717,7 +735,7 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
|
||||
var CMD = null, CMERR = false;
|
||||
/* 头像编码:数字 = av/NNNN.webp(旧代码头像);'av:c012' = av/c012.webp(卡通/可爱卡通);'/…' = 站内绝对路径(内置头像库 /_bridge/avatars/);其余 = assets/img/mom/xxx.jpg */
|
||||
var avP = function (a) { return typeof a === 'number' ? 'av/' + ('000' + a).slice(-4) + '.webp' : a.indexOf('av:') === 0 ? 'av/' + a.slice(3) + '.webp' : a.charAt(0) === '/' ? a : '../assets/img/mom/' + a + '.jpg'; };
|
||||
fetch('cm.json?v=26110253').then(function (r) { return r.json(); }).then(function (j) {
|
||||
fetch('cm.json?v=26110255').then(function (r) { return r.json(); }).then(function (j) {
|
||||
CMD = j; if (openId && NBY[openId]) { renderComments(NBY[openId]); syncBar(NBY[openId]); }
|
||||
}).catch(function () { CMERR = true; if (openId && NBY[openId]) renderComments(NBY[openId]); });
|
||||
function commentsOf(n) {
|
||||
@@ -859,6 +877,24 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
|
||||
'<span class="qf-tx"><small><i></i>宝宝祈福树</small><b><i>#</i>为宝宝挂一张福牌<i>#</i></b><em>集齐五福,愿宝宝平平安安</em>' +
|
||||
'<span class="qf-go">去祈福<svg class="ic"><use href="#i-right"/></svg></span></span></button>';
|
||||
}
|
||||
/* 分类小 banner:家庭婚姻 / 职场 / 经验 点了 = 参与本类最热话题(投稿规则弹层);测一测 点了 = 进最热的那个测试 */
|
||||
var CBN = {
|
||||
family: ['家庭婚姻', '孕期的家,也需要用心经营', '和老公、婆婆、爸妈的那些事', '我也来聊聊'],
|
||||
work: ['职场', '怀孕了,工作也要安心', '产检请假、孕期上班、休产假', '我也来聊聊'],
|
||||
baby: ['经验', '过来人的孕育笔记', '踩过的坑、买对的好物都在这', '分享我的经验'],
|
||||
ceshi: ['孕育测一测', '', '', '测最热的一个']
|
||||
};
|
||||
function cbnHTML(c) {
|
||||
var x = CBN[c]; if (!x) return '';
|
||||
var tgt;
|
||||
if (c === 'ceshi') {
|
||||
var top = byHot(TM)[0];
|
||||
x = x.slice(); x[1] = '测测你是哪种孕妈'; x[2] = '累计 ' + Math.round(TM.reduce(function (a, y) { return a + gcTested(y.id); }, 0) / 1e4) + ' 万人次参与 · ' + TM.length + ' 个测试';
|
||||
tgt = top ? ' data-test="' + top.id + '"' : '';
|
||||
} else { var h = hotList()[0]; tgt = ' data-join="' + (h ? h.id : '') + '"'; }
|
||||
return '<button type="button" class="cbn b-' + c + '"' + tgt + '><img src="bn/' + c + '.webp" alt="" decoding="async">' +
|
||||
'<span class="cbn-tx"><small>' + x[0] + '</small><b>' + x[1] + '</b><em>' + x[2] + '</em><span class="cbn-go">' + x[3] + '<svg class="ic"><use href="#i-right"/></svg></span></span></button>';
|
||||
}
|
||||
/* 跳祈福树:同首页 jumpApp(QIFU_URL) —— 相对路径、身份走 query、上报 last_app 与分享位置(AGENTS 硬约定 3/6/7/13) */
|
||||
function goQifu() { goApp('/qifu-shu/'); }
|
||||
/* 跳站内其他 H5(祈福树 / 记一下宫格共用):只走相对路径(AGENTS 13),后台给的完整地址也剥成 /slug/… */
|
||||
@@ -950,10 +986,10 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
|
||||
}
|
||||
function renderHead() {
|
||||
var t = TBY[cur], el = $('#head'), fh = $('#fh');
|
||||
if (catF === 'ceshi') { el.innerHTML = ceshiHead(); ceshiFh(fh); return; }
|
||||
if (catF === 'ceshi') { el.innerHTML = cbnHTML('ceshi'); ceshiFh(fh); return; } /* 原一行介绍 ceshiHead 并进 banner */
|
||||
if (!t) {
|
||||
var hl = hotList();
|
||||
el.innerHTML = qifuHTML() +
|
||||
el.innerHTML = (catF ? cbnHTML(catF) : qifuHTML()) + /* 祈福树只在「全部」 */
|
||||
'<div class="sh"><svg class="fire"><use href="#i-fire"/></svg><h2>热门话题</h2><button type="button" class="more" data-all="1">全部 ' + hl.length + ' 个<svg class="ic" style="width:13px;height:13px"><use href="#i-right"/></svg></button></div>' +
|
||||
/* 11-02 用户:「热门话题不要一块一块的,改成井号、偏列表的形式」→ 排行列表:名次 + #话题# + 一行简介 + 篇数/热,右侧「参与」
|
||||
投稿奖励从顶部大横幅挪到这里当列表头一行(用户:「30 现金 + 500 兜豆看放哪」→ 跟「参与」放一起,点了看规则) */
|
||||
@@ -1154,6 +1190,7 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
|
||||
$('#more').addEventListener('click', function (e) { if (e.target.closest('[data-t]')) { haptic(); selectTopic(''); } });
|
||||
$('#head').addEventListener('click', function (e) {
|
||||
if (e.target.closest('#qfBanner')) { goQifu(); return; }
|
||||
var cb = e.target.closest('.cbn[data-test]'); if (cb) { haptic(); location.href = ceshiURL(cb.dataset.test, true); return; }
|
||||
var j = e.target.closest('[data-join]'); if (j) { haptic(); openRule(j.dataset.join); return; }
|
||||
if (e.target.closest('[data-rule]')) { openRule(''); return; }
|
||||
if (e.target.closest('[data-all]')) { openTopics(); return; }
|
||||
|
||||
@@ -105,7 +105,7 @@ main{padding:6px 16px 0}
|
||||
</div>
|
||||
<div class="wb"><button type="button" id="write"><svg class="ic" viewBox="0 0 24 24"><path d="M12 20h9M16.5 3.5a2.1 2.1 0 013 3L7 19l-4 1 1-4z"/></svg>写新的故事</button></div>
|
||||
|
||||
<script src="../topics.js?v=26110253"></script>
|
||||
<script src="../topics.js?v=26110255"></script>
|
||||
<script>
|
||||
(function () {
|
||||
'use strict';
|
||||
|
||||
12
index.html
12
index.html
@@ -7,7 +7,7 @@
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<title>兜爸心选 · 孕育陪伴</title>
|
||||
<!-- V:26110253 缓存版本标记:改 css/js 时同步 bump 该值(与 js/app.js 的 VER 同源),静态资源按 mtime 走 ETag 自动刷新 -->
|
||||
<!-- V:26110255 缓存版本标记:改 css/js 时同步 bump 该值(与 js/app.js 的 VER 同源),静态资源按 mtime 走 ETag 自动刷新 -->
|
||||
<link rel="stylesheet" href="mama-box.css">
|
||||
<link rel="stylesheet" href="night.css">
|
||||
<!-- 夜晚模式:首屏绘制前就按上次的选择加 class,避免先白后黑闪一下(开关在首页右上角 #nightBtn,逻辑见 app.js) -->
|
||||
@@ -658,7 +658,7 @@
|
||||
黄色荧光笔大标题 + 一排 10 个妈妈头像 + 参考图上那 6 个问题(固定,assets/data/qa/hot.json 前 6 条),
|
||||
其余问题在「查看全部」进的 #detailQA 里。渲染在 app.js renderSearch()。 -->
|
||||
<div class="ms-head">
|
||||
<h2 class="ms-title"><span>其他妈妈也在搜</span></h2>
|
||||
<h2 class="ms-title"><span>其他孕妈也在搜</span></h2>
|
||||
<!-- 2026-11-01 用户:「爆、热那些可以稍微再明显一些,这种火热的状态」→ 标题旁加「实时热搜」火苗标签 -->
|
||||
<span class="ms-live" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M12.6 2.5c.4 3-1.6 4.6-3 6.2C8 10.4 7 12 7 14.3A5 5 0 0012 19.5a5 5 0 005-5.2c0-2-1-3.6-1.9-4.6-.2 1.3-.9 2.2-1.9 2.6.6-3.4-.2-7-.6-9.8z" fill="currentColor"/></svg>实时热搜</span>
|
||||
<span class="ms-wk" id="msWk"></span>
|
||||
@@ -1615,7 +1615,7 @@
|
||||
<section class="detail" id="detailQA">
|
||||
<div class="detail-bar">
|
||||
<button class="dt-back" data-detail="close">‹</button>
|
||||
<span class="dt-title" id="qaTitle">其他妈妈也在搜</span>
|
||||
<span class="dt-title" id="qaTitle">其他孕妈也在搜</span>
|
||||
</div>
|
||||
<div class="detail-body qa-page">
|
||||
<div class="qa-hero qa-bn"> <!-- 11-02 用户:「孕 N 周妈妈最常问的问题」做成小 Banner -->
|
||||
@@ -2519,7 +2519,7 @@
|
||||
<script src="/_bridge/avatar-picker.js?v=26101105"></script>
|
||||
<script src="/_bridge/hand-icons.js?v=26101202"></script>
|
||||
<script src="js/zodiac-art.js"></script>
|
||||
<script src="guangchang/topics.js?v=26110253"></script>
|
||||
<script src="guangchang/topics.js?v=26110255"></script>
|
||||
<script src="js/app.js"></script>
|
||||
<script>
|
||||
/* 11-02 首页「孕妈广场」效果稿:地址带 ?gcv=1~6 时,把 #gcHome 换成 demo/gch/vN.css + vN.js 的版式并滚到这一块。
|
||||
@@ -2527,7 +2527,7 @@
|
||||
(function () {
|
||||
var m = location.search.match(/[?&]gcv=([1-6])(?:&|$)/);
|
||||
if (!m) window.__gcDefault = 1;
|
||||
var n = m ? m[1] : '6', l = document.createElement('link'), s = document.createElement('script'), q = m ? Date.now() : 'v=26110253';
|
||||
var n = m ? m[1] : '6', l = document.createElement('link'), s = document.createElement('script'), q = m ? Date.now() : 'v=26110255';
|
||||
var dir = n === '4' || n === '6' ? 'js/gch/' : 'demo/gch/'; /* 11-03 上正式:定稿 V6(含它套的 V4)并进 js/gch/,其余效果稿仍在 demo/ */
|
||||
l.rel = 'stylesheet'; l.href = dir + 'v' + n + '.css?' + q;
|
||||
s.src = dir + 'v' + n + '.js?' + q;
|
||||
@@ -2536,7 +2536,7 @@
|
||||
/* 11-02 品牌露出(用户定 4 处都要):默认加载,?brand=0 可关掉对比;11-03 已并进 js/gch/ */
|
||||
if (!/[?&]brand=0/.test(location.search)) {
|
||||
var bl = document.createElement('link'), bs = document.createElement('script');
|
||||
bl.rel = 'stylesheet'; bl.href = 'js/gch/brand.css?v=26110253'; bs.src = 'js/gch/brand.js?v=26110253';
|
||||
bl.rel = 'stylesheet'; bl.href = 'js/gch/brand.css?v=26110255'; bs.src = 'js/gch/brand.js?v=26110255';
|
||||
document.head.appendChild(bl); document.body.appendChild(bs);
|
||||
}
|
||||
})();
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
(function () {
|
||||
'use strict';
|
||||
/* 页面版本号(YYMMDD+序号):显示在「关于兜爸心选」页底部;bump 时同步 head 注释与 ?v= */
|
||||
var VER = '26110253';
|
||||
var VER = '26110255';
|
||||
const $ = (s, c) => (c || document).querySelector(s);
|
||||
const $$ = (s, c) => Array.from((c || document).querySelectorAll(s));
|
||||
|
||||
@@ -5575,7 +5575,7 @@
|
||||
/* 2026-11-02 按孕周排:生娃计算器 → 当前孕周段(按热度)→ 其余按库里顺序;分类条第 2 个是「孕 N 周」只看本段
|
||||
⚠️ band 必须在用它的标题之前声明(11-02 曾写反 → const 暂时性死区报错,「查看全部」点了没反应) */
|
||||
const band = (state.postpartum || state.pregEmpty) ? 0 : qaBand(state.week);
|
||||
$('#qaTitle').textContent = '其他妈妈也在搜';
|
||||
$('#qaTitle').textContent = '其他孕妈也在搜';
|
||||
$('#qaHeroW').textContent = band ? '孕 ' + state.week + ' 周' : '大家都在问';
|
||||
$('#qaHeroT').textContent = '妈妈们最常问的问题';
|
||||
$('#qaHeroD').textContent = bank.length + ' 个问题 · 点开看答案';
|
||||
|
||||
@@ -188,5 +188,5 @@
|
||||
}
|
||||
/* feed.js 首页默认不加载(index.html 只引了 topics.js),这里按需拉一次 */
|
||||
if (window.GC_FEED) init();
|
||||
else { var fs = document.createElement('script'); fs.src = 'guangchang/feed.js?v=26110253'; fs.onload = fs.onerror = init; document.body.appendChild(fs); }
|
||||
else { var fs = document.createElement('script'); fs.src = 'guangchang/feed.js?v=26110255'; fs.onload = fs.onerror = init; document.body.appendChild(fs); }
|
||||
})();
|
||||
|
||||
@@ -1,14 +1,14 @@
|
||||
/* 11-03 上正式:从 demo/gch/ 并入 js/gch/(正式首页默认加载这一版)
|
||||
11-02 首页「孕妈广场」效果稿 V6 · 合并版:孕妈广场(V4 故事卡堆,压矮)+ 其他妈妈也在搜(6 个问题)合成一个模块
|
||||
用户定:小标题仍叫「其他妈妈也在搜」;卡堆左右手滑、点箭头都能翻。
|
||||
用户定:小标题仍叫「其他妈妈也在搜」(11-03 用户改为「其他孕妈也在搜」);卡堆左右手滑、点箭头都能翻。
|
||||
做法:先套 V4(v4.css + v4.js),再在卡堆下面接「其他妈妈也在搜」,原来那块 #pregTips 藏起来。
|
||||
列表沿用首页 .ms-* 样式(写在 #pregTips 里的 <style>,块藏了样式照样生效),数据同 assets/data/qa/hot.json 前 6 条。 */
|
||||
(function () {
|
||||
var sec = document.getElementById('gcHome');
|
||||
if (!sec) return;
|
||||
var l = document.createElement('link'); l.rel = 'stylesheet'; l.href = 'js/gch/v4.css?v=26110253';
|
||||
var l = document.createElement('link'); l.rel = 'stylesheet'; l.href = 'js/gch/v4.css?v=26110255';
|
||||
document.head.appendChild(l);
|
||||
var s = document.createElement('script'); s.src = 'js/gch/v4.js?v=26110253';
|
||||
var s = document.createElement('script'); s.src = 'js/gch/v4.js?v=26110255';
|
||||
s.onload = function () { if (sec.querySelector('.g4-foot')) merge(); else sec.addEventListener('gc4-ready', merge, { once: true }); }; /* v4 要先拉 feed.js 才渲染 */
|
||||
document.body.appendChild(s);
|
||||
|
||||
@@ -23,7 +23,7 @@
|
||||
var box = document.createElement('div');
|
||||
box.className = 'g6-ms';
|
||||
box.innerHTML =
|
||||
'<div class="g6-mh"><h3 class="g6-mt"><span>其他妈妈也在搜</span></h3>' +
|
||||
'<div class="g6-mh"><h3 class="g6-mt"><span>其他孕妈也在搜</span></h3>' +
|
||||
'<span class="ms-live" aria-hidden="true">' + FIRE.replace('currentColor', 'currentColor') + '实时热搜</span>' +
|
||||
'</div>' +
|
||||
'<div class="ms-list g6-list"></div>' +
|
||||
|
||||
@@ -68,7 +68,7 @@
|
||||
function getJSON(u) { return fetch(u, { cache: 'no-cache' }).then(function (r) { if (!r.ok) throw r.status; return r.json(); }); }
|
||||
|
||||
function related(box) {
|
||||
getJSON('../_shared/idx.json?v=26110253').then(function (idx) {
|
||||
getJSON('../_shared/idx.json?v=26110255').then(function (idx) {
|
||||
var me = null; idx.forEach(function (x) { if (x[0] === SLUG) me = x; });
|
||||
var tag = me ? me[2] : '', h = 0; for (var i = 0; i < SLUG.length; i++) h = (h * 31 + SLUG.charCodeAt(i)) >>> 0;
|
||||
var rest = idx.filter(function (x) { return x[0] !== SLUG; });
|
||||
@@ -175,7 +175,7 @@
|
||||
}
|
||||
fetch(API + '/comments?kind=topic&target=' + encodeURIComponent(SLUG) + (OID ? '&openid=' + encodeURIComponent(OID) : ''))
|
||||
.then(function (r) { return r.json(); }).then(function (j) { if (j && j.code === 200) { RC = j.result; paint(); } }).catch(function () {});
|
||||
getJSON('../_shared/cm/' + SLUG + '.json?v=26110253').then(function (d) { L = d.c || []; paint(); }).catch(function () { paint(); });
|
||||
getJSON('../_shared/cm/' + SLUG + '.json?v=26110255').then(function (d) { L = d.c || []; paint(); }).catch(function () { paint(); });
|
||||
}
|
||||
|
||||
function extras(el) {
|
||||
|
||||
Reference in New Issue
Block a user