首页广场 V6:测一测只留两个,挪到「其他妈妈也在搜」下面
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
@@ -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>
|
||||
|
||||
BIN
demo/gch/qz1.jpg
BIN
demo/gch/qz1.jpg
Binary file not shown.
|
Before Width: | Height: | Size: 53 KiB After Width: | Height: | Size: 46 KiB |
BIN
demo/gch/qz2.jpg
BIN
demo/gch/qz2.jpg
Binary file not shown.
|
Before Width: | Height: | Size: 52 KiB After Width: | Height: | Size: 45 KiB |
BIN
demo/gch/qz3.jpg
BIN
demo/gch/qz3.jpg
Binary file not shown.
|
Before Width: | Height: | Size: 50 KiB After Width: | Height: | Size: 40 KiB |
@@ -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}
|
||||
|
||||
@@ -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) {
|
||||
|
||||
Reference in New Issue
Block a user