首页广场 V6:测一测只留两个,挪到「其他妈妈也在搜」下面

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
deploy
2026-11-02 04:22:25 +00:00
parent a9fb9c6421
commit 60ee41bb9d
6 changed files with 7 additions and 13 deletions

View File

@@ -21,7 +21,7 @@ header p{margin:6px 0 0;font-size:13px;color:#8A7570;line-height:1.55}
.pic img{width:100%;display:block}
.go{display:flex;align-items:center;justify-content:center;height:46px;margin:12px 16px 16px;border-radius:14px;background:#2B2320;color:#fff;font-size:14.5px;font-weight:800;text-decoration:none}
</style></head><body>
<header><h1>孕妈广场「测一测」· 三版效果稿</h1><p>点图片或按钮会打开真实首页,自动滚到孕妈广场,「测一测」在故事卡堆下面:上面两个主推,下面 3 个小列表,一共 5 个测试(小列表三版都一样)。</p></header>
<header><h1>孕妈广场「测一测」· 三版效果稿</h1><p>点图片或按钮会打开真实首页,自动滚到孕妈广场,「测一测」两个测试,放在「其他妈妈也在搜」下面(模块最底部)。</p></header>
<div class="list" id="list"></div>
<script>
var V = [
@@ -33,7 +33,7 @@ var h = location.hash;
document.getElementById('list').innerHTML = V.map(function (v, i) {
var u = '../../?gcv=6&qz=' + (i + 1) + h;
return '<div class="it"><div class="hd"><b>' + (i + 1) + '</b><div><h2>' + v[0] + '</h2><small>' + v[1] + '</small></div></div>' +
'<a class="pic" href="' + u + '"><img src="qz' + (i + 1) + '.jpg?2" alt="' + v[0] + '" loading="lazy"></a>' +
'<a class="pic" href="' + u + '"><img src="qz' + (i + 1) + '.jpg?3" alt="' + v[0] + '" loading="lazy"></a>' +
'<a class="go" href="' + u + '">在首页打开 第' + (i + 1) + '版 ' + v[0] + '</a></div>';
}).join('');
</script>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 53 KiB

After

Width:  |  Height:  |  Size: 46 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 52 KiB

After

Width:  |  Height:  |  Size: 45 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 50 KiB

After

Width:  |  Height:  |  Size: 40 KiB

View File

@@ -72,3 +72,5 @@ html.night #gcHome.gv4.gv6 .qv3 .g6-vc{color:#F3E8F0}
#gcHome.gv4.gv6 .g6-li em{flex:none;font-style:normal;height:24px;padding:0 10px;border-radius:99px;display:flex;align-items:center;font-size:12px;font-weight:800;color:#E0566F;border:1px solid #F4C4CE;background:#fff}
html.night #gcHome.gv4.gv6 .g6-ql{background:rgba(255,255,255,.05)}
html.night #gcHome.gv4.gv6 .g6-li{color:#F3E8F0;border-color:rgba(255,255,255,.1)}
/* 11-02 测一测挪到「其他妈妈也在搜」下面:上面加一道同样的虚线分隔 */
#gcHome.gv4.gv6 .g6-qz{margin-top:18px;padding-top:16px;border-top:1px dashed #F1DED6}

View File

@@ -57,18 +57,10 @@
'<small>' + q.who + '</small><b>' + esc(q.t) + '</b><em>开始测 ›</em></a>';
}).join('') + '</div><p class="g6-vf">两个都测完,看看你们是哪种组合 · 已有 23.9万 人测过</p></div>';
}
/* 11-02 用户:「上面两个,下面再摆 3 个小列表,相当于 5 个测一测」→ 三个都显示,不分版 */
var QL = [
{ href: 'topic/yali/', t: '你最近的孕期压力有多大?', m: '12 题 · 6.1万 人测过', img: 'topic/yali/img/hero.webp' },
{ href: 'topic/yinshi/', t: '你的孕期饮食能打几分?', m: '12 题 · 5.4万 人测过', img: 'topic/yinshi/img/hero.webp' },
{ href: 'topic/zhunbei/', t: '迎接宝宝,你准备好几成了?', m: '12 题 · 4.7万 人测过', img: 'topic/zhunbei/img/hero.webp' }
];
qz.insertAdjacentHTML('beforeend', '<div class="g6-ql">' + QL.map(function (q) {
return '<a class="g6-li ripple" href="' + lk(q) + '"><img src="' + esc(q.img) + '" alt="" loading="lazy" onerror="this.style.visibility=\'hidden\'">' +
'<span class="g6-lb"><b>' + esc(q.t) + '</b><small>' + q.m + '</small></span><em>去测</em></a>';
}).join('') + '</div>');
sec.insertBefore(qz, foot);
/* 11-02 用户:「太多了,只放两个测一测」→ 3 个小列表撤掉(topic/yali、yinshi、zhunbei 页面保留,先不挂入口);
位置从卡堆下面挪到「其他妈妈也在搜」下面 */
sec.insertBefore(box, foot);
sec.insertBefore(qz, foot);
var list = box.querySelector('.g6-list'), all = box.querySelector('.g6-all');
var tot = (window.__mbPulse && window.__mbPulse.total && +window.__mbPulse.total.value) || 1510000;
fetch('assets/data/qa/hot.json?' + Date.now()).then(function (r) { return r.ok ? r.json() : []; }).catch(function () { return []; }).then(function (bank) {