diff --git a/demo/gch/qz.html b/demo/gch/qz.html index dda5e4c..cf77d04 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 e073134..e341e3b 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 9700510..cb417f5 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 45980dc..72cc61a 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 9817695..5ce051d 100644 --- a/demo/gch/v6.css +++ b/demo/gch/v6.css @@ -61,3 +61,14 @@ html.night #gcHome.gv4.gv6 .g6-q{background:rgba(255,255,255,.06);border-color:r #gcHome.gv4.gv6 .qv3 .g6-vf{margin:10px 0 0;padding-top:9px;border-top:1px dashed #F1DED6;text-align:center;font-size:11.5px;color:#A8928C} html.night #gcHome.gv4.gv6 .qv2 .g6-c,html.night #gcHome.gv4.gv6 .qv3 .g6-v{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);color:#F3E8F0} html.night #gcHome.gv4.gv6 .qv3 .g6-vc{color:#F3E8F0} +/* 测一测 · 下面 3 个小列表（三版共用）：圆形小插画 + 标题 + 灰色题数人数 + 描边「去测」；不用序号，和下面热搜榜区分开 */ +#gcHome.gv4.gv6 .g6-ql{margin-top:10px;padding:2px 12px;border-radius:16px;background:#FBF5F2} +#gcHome.gv4.gv6 .g6-li{display:flex;align-items:center;gap:10px;padding:10px 0;text-decoration:none;color:#2A1E1E;border-bottom:1px dashed #EEDDD6} +#gcHome.gv4.gv6 .g6-li:last-child{border-bottom:0} +#gcHome.gv4.gv6 .g6-li img{flex:none;width:38px;height:38px;border-radius:50%;object-fit:cover;object-position:50% 30%;background:#F3E6E0;border:2px solid #fff} +#gcHome.gv4.gv6 .g6-lb{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px} +#gcHome.gv4.gv6 .g6-lb b{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} +#gcHome.gv4.gv6 .g6-lb small{font-size:11px;color:#A8928C} +#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)} diff --git a/demo/gch/v6.js b/demo/gch/v6.js index f566732..ddd1a9e 100644 --- a/demo/gch/v6.js +++ b/demo/gch/v6.js @@ -57,6 +57,16 @@ '' + 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); sec.insertBefore(box, foot); var list = box.querySelector('.g6-list'), all = box.querySelector('.g6-all'); diff --git a/topic/yali/img/bao.webp b/topic/yali/img/bao.webp new file mode 100644 index 0000000..a65c624 Binary files /dev/null and b/topic/yali/img/bao.webp differ diff --git a/topic/yali/img/hero.webp b/topic/yali/img/hero.webp new file mode 100644 index 0000000..8959568 Binary files /dev/null and b/topic/yali/img/hero.webp differ diff --git a/topic/yali/img/jia.webp b/topic/yali/img/jia.webp new file mode 100644 index 0000000..8a0ab56 Binary files /dev/null and b/topic/yali/img/jia.webp differ diff --git a/topic/yali/img/lang.webp b/topic/yali/img/lang.webp new file mode 100644 index 0000000..c84da7a Binary files /dev/null and b/topic/yali/img/lang.webp differ diff --git a/topic/yali/img/qing.webp b/topic/yali/img/qing.webp new file mode 100644 index 0000000..203368a Binary files /dev/null and b/topic/yali/img/qing.webp differ diff --git a/topic/yali/index.html b/topic/yali/index.html new file mode 100644 index 0000000..cad62d8 --- /dev/null +++ b/topic/yali/index.html @@ -0,0 +1,789 @@ + + + + + + +测一测：你最近的孕期压力有多大？ + + + + + + + +
+
+ + 孕期专题 +
+ + +
+
+ + 孕期趣味自测 · STRESS CHECK +

测一测
你最近的孕期压力
有多大？

+
+ 12题 · 约2分钟 + 只在本机算，不上传 + +
+ 孕妈坐在窗边沙发上，捧着热茶放松 +
+ +
+
+
4 LEVELS4 种状态，你在哪一档？
+
+
+
+ +

想想最近两周的自己，凭第一感觉选

+
+
+
+ + +
+
+ + 1 / 12 +
+ +
+
+
+ + +
+

+
+
+
+

选完自动进入下一题

+
+ + +
+
+ +
我的孕期压力卡
+
+

最近的我是

+

+

+
+
+
压力指数0 / 36
+
+
+
+
+ +
+
+

兜爸心选 · 孕期专题 · 你最近的孕期压力有多大

+
+ +
+ +
+

仅供参考，不能代替医生判断，有不适请及时就医

+ +
+
01你现在的状态
+
+
+ +
+
02可能的压力来源
+
+
+ +
+
03马上能做的小放松
+
+
+ +
+
04可以让家人帮的一件事
+
+
+ + + +
+ + +
+ +

孕期自测，仅供参考，不能代替医生判断；照顾好自己，就是在照顾宝宝

+
+ +
+ 我的孕期压力卡 +

长按图片，保存到相册

+
+
+
+ + + + + diff --git a/topic/yinshi/img/bu.webp b/topic/yinshi/img/bu.webp new file mode 100644 index 0000000..fb55b10 Binary files /dev/null and b/topic/yinshi/img/bu.webp differ diff --git a/topic/yinshi/img/cha.webp b/topic/yinshi/img/cha.webp new file mode 100644 index 0000000..008d9b5 Binary files /dev/null and b/topic/yinshi/img/cha.webp differ diff --git a/topic/yinshi/img/hero.webp b/topic/yinshi/img/hero.webp new file mode 100644 index 0000000..7521e5b Binary files /dev/null and b/topic/yinshi/img/hero.webp differ diff --git a/topic/yinshi/img/man.webp b/topic/yinshi/img/man.webp new file mode 100644 index 0000000..716f4ed Binary files /dev/null and b/topic/yinshi/img/man.webp differ diff --git a/topic/yinshi/img/zai.webp b/topic/yinshi/img/zai.webp new file mode 100644 index 0000000..b8288a8 Binary files /dev/null and b/topic/yinshi/img/zai.webp differ diff --git a/topic/yinshi/index.html b/topic/yinshi/index.html new file mode 100644 index 0000000..c1fac69 --- /dev/null +++ b/topic/yinshi/index.html @@ -0,0 +1,779 @@ + + + + + + +测一测：你的孕期饮食能打几分？ + + + + + + + +
+
+ + 孕期专题 +
+ + +
+
+ + 孕期趣味测试 · DIET SCORE +

测一测
你的孕期饮食
能打几分？

+
+ 12题 · 约2分钟 + 只在本机算，不上传 + +
+ 孕妈坐在餐桌前，面前是一份荤素搭配的营养餐 +
+ +
+
+
4 LEVELS4 档成绩，你在哪一档？
+
+
+
+ +

想想最近一两周的真实吃法，凭第一感觉选

+
+
+
+ + +
+
+ + 1 / 12 +
+ +
+
+
+ + +
+

+
+
+
+

选完自动进入下一题

+
+ + +
+
+ +
孕期饮食成绩单
+
+

我的孕期饮食能打

+

分

+

+

+
+
+ +
+
+

兜爸心选 · 孕期专题 · 你的孕期饮食能打几分

+
+ +
+ +
+ +
+
01一句话评价
+
+
+ +
+
02你做得好的地方
+
+
+ +
+
03最该改的 3 件小事
+
+
+ +
+
04一天吃多少，心里有数孕中晚期
+
+

参考《中国居民膳食指南（2022）》孕期妇女膳食指南；孕早期和孕前吃法差不多，不用刻意多吃。具体按产检医生建议调整。

+
+ +
+ +

仅供参考，不能代替医生判断，有不适请及时就医

+ +
+ +

生活饮食自查，仅供参考；身体相关问题以产检医生意见为准

+
+ +
+ 孕期饮食成绩单 +

长按图片，保存到相册

+
+
+
+ + + + + diff --git a/topic/zhunbei/img/go.webp b/topic/zhunbei/img/go.webp new file mode 100644 index 0000000..cefd665 Binary files /dev/null and b/topic/zhunbei/img/go.webp differ diff --git a/topic/zhunbei/img/hero.webp b/topic/zhunbei/img/hero.webp new file mode 100644 index 0000000..215f9d2 Binary files /dev/null and b/topic/zhunbei/img/hero.webp differ diff --git a/topic/zhunbei/img/ready.webp b/topic/zhunbei/img/ready.webp new file mode 100644 index 0000000..fabd5b5 Binary files /dev/null and b/topic/zhunbei/img/ready.webp differ diff --git a/topic/zhunbei/img/start.webp b/topic/zhunbei/img/start.webp new file mode 100644 index 0000000..fc1a18a Binary files /dev/null and b/topic/zhunbei/img/start.webp differ diff --git a/topic/zhunbei/img/steps.webp b/topic/zhunbei/img/steps.webp new file mode 100644 index 0000000..caf3ad3 Binary files /dev/null and b/topic/zhunbei/img/steps.webp differ diff --git a/topic/zhunbei/index.html b/topic/zhunbei/index.html new file mode 100644 index 0000000..0d97dcd --- /dev/null +++ b/topic/zhunbei/index.html @@ -0,0 +1,776 @@ + + + + + + +测一测：迎接宝宝，你准备好几成了？ + + + + + + + +
+
+ + 孕期专题 +
+ + +
+
+ + 孕期自查 · READY CHECK +

测一测
迎接宝宝
你准备好几成了？

+
+ 12题 · 约2分钟 + 只在本机算，不上传 + +
+ 孕妈坐在地毯上整理待产包 +
+ +
+
+
4 LEVELS4 个档位，你在哪一档？
+
+
+
+ +

按现在的真实情况选，没准备的也没关系

+
+
+
+ + +
+
+ + 1 / 12 +
+ +
+
+
+ + +
+

+
+
+
+

选完自动进入下一题

+
+ + +
+
+ +
我的待产准备卡
+
+

迎接宝宝，我准备好了

+

+

+
+
+ +
+
+

兜爸心选 · 孕期专题 · 迎接宝宝准备自查

+
+ +
+ +
+ +
+
01你现在的状态
+
+
+ +
+
02已经做好的
+
+
+ +
+
03接下来最该做的 3 件事
+
+
+ +
+
04想对你说
+
+

仅供参考，不能代替医生判断，有不适请及时就医

+
+ +
+ + +
+ +

生活小自查，仅供参考；具体安排以产检医生意见为准

+
+ +
+ 我的待产准备卡 +

长按图片，保存到相册

+
+
+
+ + + + +