diff --git a/demo/gch/qz.html b/demo/gch/qz.html index cf77d04..592d530 100644 --- a/demo/gch/qz.html +++ b/demo/gch/qz.html @@ -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} -

孕妈广场「测一测」· 三版效果稿

点图片或按钮会打开真实首页,自动滚到孕妈广场,「测一测」在故事卡堆下面:上面两个主推,下面 3 个小列表,一共 5 个测试(小列表三版都一样)。

+

孕妈广场「测一测」· 三版效果稿

点图片或按钮会打开真实首页,自动滚到孕妈广场,「测一测」两个测试,放在「其他妈妈也在搜」下面(模块最底部)。

diff --git a/demo/gch/qz1.jpg b/demo/gch/qz1.jpg index e341e3b..e709942 100644 Binary files a/demo/gch/qz1.jpg and b/demo/gch/qz1.jpg differ diff --git a/demo/gch/qz2.jpg b/demo/gch/qz2.jpg index cb417f5..8cdf8d6 100644 Binary files a/demo/gch/qz2.jpg and b/demo/gch/qz2.jpg differ diff --git a/demo/gch/qz3.jpg b/demo/gch/qz3.jpg index 72cc61a..08c7b41 100644 Binary files a/demo/gch/qz3.jpg and b/demo/gch/qz3.jpg differ diff --git a/demo/gch/v6.css b/demo/gch/v6.css index 5ce051d..1c0edf6 100644 --- a/demo/gch/v6.css +++ b/demo/gch/v6.css @@ -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} diff --git a/demo/gch/v6.js b/demo/gch/v6.js index ddd1a9e..6234a8c 100644 --- a/demo/gch/v6.js +++ b/demo/gch/v6.js @@ -57,18 +57,10 @@ '' + q.who + '' + esc(q.t) + '开始测 ›'; }).join('') + '

两个都测完,看看你们是哪种组合 · 已有 23.9万 人测过

'; } - /* 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', '
' + QL.map(function (q) { - return '' + - '' + esc(q.t) + '' + q.m + '去测'; - }).join('') + '
'); - 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) {