diff --git a/demo/gch/index.html b/demo/gch/index.html index 213217e..4a06506 100644 --- a/demo/gch/index.html +++ b/demo/gch/index.html @@ -30,13 +30,13 @@ var V = [ ['话题弹幕', '「此刻最热」小卡 + 三行慢慢飘过的话题弹幕，按住暂停、点了进话题'], ['故事卡堆', '一叠真实照片故事卡，左右滑翻页，最后一张「轮到你了」投稿'], ['今日一问', '每天一道投票题，点完看比例；下面一排横滑的话题照片卡'], - ['合并版（推荐）', '孕妈广场 + 其他妈妈也在搜合成一块：上面 V4 故事卡堆（压矮，左右手滑或点箭头翻），下面 6 个热搜问题'] + ['合并版（推荐）', '孕妈广场 + 其他妈妈也在搜合成一块：上面 V4 故事卡堆（压矮、字更清楚，左右手滑或点箭头翻），中间两个测一测，下面 6 个热搜问题'] ]; var h = location.hash; document.getElementById('list').innerHTML = V.slice().reverse().map(function (v, j) { var i = V.length - 1 - j; var u = '../../?gcv=' + (i + 1) + h; return '
V' + (i + 1) + '

' + v[0] + '

' + v[1] + '
' + - '' + v[0] + '' + + '' + v[0] + '' + '在首页打开 V' + (i + 1) + ' ' + v[0] + '
'; }).join(''); diff --git a/demo/gch/v6.css b/demo/gch/v6.css index cef2ffc..e57b57f 100644 --- a/demo/gch/v6.css +++ b/demo/gch/v6.css @@ -16,3 +16,23 @@ #gcHome.gv4.gv6 .g4-foot{margin-top:8px} html.night #gcHome.gv4.gv6 .g6-mt{color:#F3E8F0} #gcHome.gv4.gv6 .g4-s-r{margin-top:10px} +/* 11-02 用户：图片上的文字不够明显 → 遮罩更早开始、底部更深，标题加大加粗、阴影加重，作者行加大 */ +#gcHome.gv4.gv6 .st::after{background:linear-gradient(180deg,rgba(0,0,0,0) 22%,rgba(30,12,12,.35) 48%,rgba(22,8,8,.9) 100%)} +#gcHome.gv4.gv6 .g4-bot{padding:0 14px 14px} +#gcHome.gv4.gv6 .g4-tt{font-size:17.5px;line-height:1.38;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.55),0 2px 12px rgba(0,0,0,.45)} +#gcHome.gv4.gv6 .g4-by{font-size:12.5px;margin-top:8px;text-shadow:0 1px 3px rgba(0,0,0,.5)} +#gcHome.gv4.gv6 .g4-by i{background:rgba(255,255,255,.28);font-size:11.5px} +#gcHome.gv4.gv6 .g4-k{font-size:12px;height:24px} + +/* 11-02 用户：孕妈广场里放两个测试 —— 两张并排卡，在卡堆和「其他妈妈也在搜」之间 */ +#gcHome.gv4.gv6 .g6-qz{margin-top:18px} +#gcHome.gv4.gv6 .g6-qh{display:flex;align-items:center;gap:6px;margin-bottom:10px;font-size:15px;font-weight:900;color:#2A1E1E} +#gcHome.gv4.gv6 .g6-qh small{font-size:11.5px;font-weight:500;color:#A8928C} +#gcHome.gv4.gv6 .g6-qr{display:grid;grid-template-columns:1fr 1fr;gap:10px} +#gcHome.gv4.gv6 .g6-q{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:150px;padding:12px 12px 11px;border-radius:18px;text-decoration:none;color:#2A1E1E;background:linear-gradient(160deg,var(--q1),var(--q2));box-shadow:0 8px 18px -12px var(--qs)} +#gcHome.gv4.gv6 .g6-q img{position:absolute;right:-12px;bottom:-14px;width:78px;height:78px;border-radius:50%;object-fit:cover;opacity:.95;border:3px solid rgba(255,255,255,.75)} +#gcHome.gv4.gv6 .g6-qk{align-self:flex-start;height:20px;padding:0 8px;border-radius:99px;display:flex;align-items:center;font-size:11px;font-weight:800;color:#fff;background:var(--qc)} +#gcHome.gv4.gv6 .g6-qt{position:relative;margin-top:8px;font-size:15px;font-weight:900;line-height:1.35;max-width:9.5em} +#gcHome.gv4.gv6 .g6-qn{position:relative;margin-top:5px;font-size:11.5px;color:var(--qc);font-weight:700} +#gcHome.gv4.gv6 .g6-qg{position:relative;margin-top:auto;align-self:flex-start;height:26px;padding:0 11px;border-radius:99px;display:flex;align-items:center;font-size:12px;font-weight:800;color:#fff;background:var(--qc)} +html.night #gcHome.gv4.gv6 .g6-qh{color:#F3E8F0} diff --git a/demo/gch/v6.jpg b/demo/gch/v6.jpg index 0a4f9de..32e1780 100644 Binary files a/demo/gch/v6.jpg and b/demo/gch/v6.jpg differ diff --git a/demo/gch/v6.js b/demo/gch/v6.js index b3995ff..78689a8 100644 --- a/demo/gch/v6.js +++ b/demo/gch/v6.js @@ -29,6 +29,19 @@ '
' + ''; var foot = sec.querySelector('.g4-foot'); + /* 两个测试：你是什么样的妈妈（已有 topic/ceshi）+ 你家准爸爸是哪种队友（新做 topic/duiyou） */ + var QZ = [ + { href: 'topic/ceshi/', k: '妈妈类型', t: '测一测你是什么样的妈妈', n: '15.6万', img: 'topic/ceshi/img/hero.webp', c: '#7C5CFC', q1: '#F1ECFF', q2: '#E4DBFF', qs: 'rgba(124,92,252,.6)' }, + { href: 'topic/duiyou/', k: '队友类型', t: '你家准爸爸是哪种队友', n: '8.3万', img: 'topic/duiyou/img/hero.webp', c: '#F07A2E', q1: '#FFF3E6', q2: '#FFE2C8', qs: 'rgba(240,122,46,.6)' } + ]; + var qz = document.createElement('div'); + qz.className = 'g6-qz'; + qz.innerHTML = '
测一测· 1 分钟，看看你和他
' + QZ.map(function (q) { + return '' + + '' + + '' + esc(q.k) + '' + esc(q.t) + '' + q.n + ' 人测过去测试 ›'; + }).join('') + '
'; + sec.insertBefore(qz, foot); sec.insertBefore(box, foot); var list = box.querySelector('.g6-list'), all = box.querySelector('.g6-all'); var tot = (window.__mbPulse && window.__mbPulse.total && +window.__mbPulse.total.value) || 1510000; diff --git a/topic/duiyou/img/guan.webp b/topic/duiyou/img/guan.webp new file mode 100644 index 0000000..846e8ec Binary files /dev/null and b/topic/duiyou/img/guan.webp differ diff --git a/topic/duiyou/img/hero.webp b/topic/duiyou/img/hero.webp new file mode 100644 index 0000000..cdcea91 Binary files /dev/null and b/topic/duiyou/img/hero.webp differ diff --git a/topic/duiyou/img/man.webp b/topic/duiyou/img/man.webp new file mode 100644 index 0000000..e81cb9e Binary files /dev/null and b/topic/duiyou/img/man.webp differ diff --git a/topic/duiyou/img/nuan.webp b/topic/duiyou/img/nuan.webp new file mode 100644 index 0000000..4335ec1 Binary files /dev/null and b/topic/duiyou/img/nuan.webp differ diff --git a/topic/duiyou/img/xue.webp b/topic/duiyou/img/xue.webp new file mode 100644 index 0000000..594436a Binary files /dev/null and b/topic/duiyou/img/xue.webp differ diff --git a/topic/duiyou/index.html b/topic/duiyou/index.html new file mode 100644 index 0000000..7785652 --- /dev/null +++ b/topic/duiyou/index.html @@ -0,0 +1,761 @@ + + + + + + +测一测：你家准爸爸是哪种队友？ + + + + + + + +
+
+ + 孕期专题 +
+ + +
+
+ + 孕期趣味测试 · DAD TYPE +

测一测
你家准爸爸是
哪种队友？

+
+ 12题 · 约2分钟 + 只在本机算，不上传 + +
+ 准爸爸陪着孕妈，手轻轻放在肚子上 +
+ +
+
+
4 TYPES4 种队友，他是哪一种？
+
+
+
+ +

由妈妈来答：想想他平时的样子，凭第一感觉选

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

+
+
+
+

选完自动进入下一题

+
+ + +
+
+ +
我家队友类型卡
+
+

我家准爸爸是

+

+

+
+
+ +
+
+

兜爸心选 · 孕期专题 · 你家准爸爸是哪种队友

+
+ +
+ +
+ +
+
01他是这样的队友
+
+
+ +
+
02可能的小盲区
+
+
+ +
+
03给你的沟通小建议
+
+
+ +
+
04可以转给他看的一句话
+
+
+ +
+ + +
+ +

趣味测试，仅供娱乐；每位准爸爸都在学着当爸爸

+
+ +
+ 我家队友类型卡 +

长按图片，保存到相册

+
+
+
+ + + + +