v26110256 首页孕妈广场卡堆去掉左右翻按钮,页码挪到右下
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
@@ -3,7 +3,7 @@
|
||||
(function () {
|
||||
'use strict';
|
||||
/* 页面版本号(YYMMDD+序号):显示在「关于兜爸心选」页底部;bump 时同步 head 注释与 ?v= */
|
||||
var VER = '26110255';
|
||||
var VER = '26110256';
|
||||
const $ = (s, c) => (c || document).querySelector(s);
|
||||
const $$ = (s, c) => Array.from((c || document).querySelectorAll(s));
|
||||
|
||||
|
||||
@@ -69,7 +69,7 @@
|
||||
|
||||
/* 右侧小栏 */
|
||||
#gcHome.gv4 .g4-rail{flex:none;width:34px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;padding-bottom:2px}
|
||||
#gcHome.gv4 .g4-pg{margin-bottom:auto;padding-top:4px;display:flex;flex-direction:column;align-items:center;line-height:1;color:#C9AAA2;font-variant-numeric:tabular-nums}
|
||||
#gcHome.gv4 .g4-pg{padding-bottom:6px;display:flex;flex-direction:column;align-items:center;line-height:1;color:#C9AAA2;font-variant-numeric:tabular-nums}
|
||||
#gcHome.gv4 .g4-pg b{font-size:24px;font-weight:900;color:#2A1E1E}
|
||||
#gcHome.gv4 .g4-pg i{margin-top:4px;font-style:normal;font-size:12px;font-weight:700}
|
||||
#gcHome.gv4 .g4-arr{width:34px;height:34px;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 0 2px;font-size:22px;line-height:1;font-weight:700;background:#fff;color:#D9466A;box-shadow:0 4px 12px -4px rgba(190,110,120,.4)}
|
||||
|
||||
@@ -46,8 +46,8 @@
|
||||
/* 11-02 用户:「逛广场」单独挂在右边突兀 → 整行做成入口条(浅粉底,整条可点),右侧实心「进广场」 */
|
||||
'<div class="g4-sub" role="button" tabindex="0"><span class="g4-avs" aria-hidden="true">' + ['p05', 'm07', 'p11', 'm16'].map(function (n) { return '<img src="' + ava(n) + '" alt="" loading="lazy">'; }).join('') + '</span><span class="g4-st">翻一翻,看看<b>其他妈妈</b>的故事</span><span class="g4-in">进广场<i>›</i></span></div>' +
|
||||
'<div class="g4-stage"><div class="g4-deck" aria-live="polite"></div>' +
|
||||
'<div class="g4-rail"><span class="g4-pg"><b>1</b><i>/8</i></span>' +
|
||||
'<button type="button" class="g4-arr prev" aria-label="上一张">‹</button><button type="button" class="g4-arr next" aria-label="下一张">›</button></div></div>' +
|
||||
/* 11-03 用户:左右翻的按钮去掉,「1/8」挪到原来按钮的位置(卡堆右下) —— 翻页靠左右滑 / 点后面露出的卡角 */
|
||||
'<div class="g4-rail"><span class="g4-pg"><b>1</b><i>/8</i></span></div></div>' +
|
||||
'<div class="g4-tags"></div>' +
|
||||
'<div class="g4-foot"><button type="button" class="g4-all">进孕妈广场 ›</button><span class="g4-mark">效果稿 V4</span></div>';
|
||||
sec.classList.remove('hide');
|
||||
@@ -103,7 +103,6 @@
|
||||
var cc = cards[idx] && (cards[idx].className.match(/\bc-(\w+)/) || [])[1] || '';
|
||||
[].forEach.call(sec.querySelectorAll('.g4-cat button'), function (x) { x.classList.toggle('on', x.dataset.cat === cc); });
|
||||
}
|
||||
sec.querySelector('.g4-arr.prev').disabled = idx === 0;
|
||||
}
|
||||
function next() {
|
||||
if (idx < cards.length - 1) { idx++; layout(); return; }
|
||||
@@ -169,8 +168,6 @@
|
||||
if (e.key === 'ArrowRight') next(); else if (e.key === 'ArrowLeft') prev();
|
||||
else if (e.key === 'Enter') { var c = cards[idx]; if (c) go(c.dataset.sub ? '' : c.dataset.t, c.dataset.sub ? '' : c.dataset.n); }
|
||||
});
|
||||
sec.querySelector('.g4-arr.next').addEventListener('click', next);
|
||||
sec.querySelector('.g4-arr.prev').addEventListener('click', prev);
|
||||
tags.addEventListener('click', function (e) { var b = e.target.closest('button[data-t]'); if (b) go(b.dataset.t); });
|
||||
sec.querySelector('.g4-all').addEventListener('click', function () { go(''); });
|
||||
sec.querySelector('.g4-sub').addEventListener('click', function () { go(''); });
|
||||
@@ -188,5 +185,5 @@
|
||||
}
|
||||
/* feed.js 首页默认不加载(index.html 只引了 topics.js),这里按需拉一次 */
|
||||
if (window.GC_FEED) init();
|
||||
else { var fs = document.createElement('script'); fs.src = 'guangchang/feed.js?v=26110255'; fs.onload = fs.onerror = init; document.body.appendChild(fs); }
|
||||
else { var fs = document.createElement('script'); fs.src = 'guangchang/feed.js?v=26110256'; fs.onload = fs.onerror = init; document.body.appendChild(fs); }
|
||||
})();
|
||||
|
||||
@@ -6,9 +6,9 @@
|
||||
(function () {
|
||||
var sec = document.getElementById('gcHome');
|
||||
if (!sec) return;
|
||||
var l = document.createElement('link'); l.rel = 'stylesheet'; l.href = 'js/gch/v4.css?v=26110255';
|
||||
var l = document.createElement('link'); l.rel = 'stylesheet'; l.href = 'js/gch/v4.css?v=26110256';
|
||||
document.head.appendChild(l);
|
||||
var s = document.createElement('script'); s.src = 'js/gch/v4.js?v=26110255';
|
||||
var s = document.createElement('script'); s.src = 'js/gch/v4.js?v=26110256';
|
||||
s.onload = function () { if (sec.querySelector('.g4-foot')) merge(); else sec.addEventListener('gc4-ready', merge, { once: true }); }; /* v4 要先拉 feed.js 才渲染 */
|
||||
document.body.appendChild(s);
|
||||
|
||||
|
||||
Reference in New Issue
Block a user