百问核心词方块配小图+标题对齐;测试列表摇一摇悬浮条;广场 slogan 改「有人陪你」(v26110297)
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
@@ -144,6 +144,12 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
|
||||
.cst button.on{background:linear-gradient(135deg,#EFEAFF,#E6F0FF);border-color:#D9D0FA;color:#4F45B5;font-weight:900}
|
||||
.csg{margin-top:22px}
|
||||
/* 11-04 测试列表「热闹」:实时在测 + 战报 + 手气测 + 卡片在测 / TOP / 弹入 / 扫光 */
|
||||
.luck-fl{position:fixed;left:50%;top:64px;z-index:60;display:flex;align-items:center;gap:8px;height:44px;padding:0 6px 0 8px;border-radius:99px;color:#fff;
|
||||
background:linear-gradient(120deg,#7B5CF5,#A17BFF 60%,#FF8FB1);box-shadow:0 10px 22px -8px rgba(123,92,245,.75);transform:translate(-50%,-14px) scale(.9);opacity:0;pointer-events:none;transition:transform .3s cubic-bezier(.3,1.4,.5,1),opacity .2s;white-space:nowrap}
|
||||
.luck-fl.on{transform:translate(-50%,0);opacity:1;pointer-events:auto}
|
||||
.luck-fl-d{width:30px;height:30px;animation:lkIdle 3.2s ease-in-out infinite}.luck-fl-d svg{width:100%;height:100%;display:block}
|
||||
.luck-fl b{font-size:14px;font-weight:800}
|
||||
.luck-fl em{height:32px;padding:0 14px;border-radius:99px;background:#fff;color:#6A4BE0;font-size:13.5px;font-style:normal;font-weight:900;line-height:32px;animation:lkPulse 1.8s ease-in-out infinite}
|
||||
.luck{position:relative;display:flex;align-items:center;gap:10px;width:calc(100% - 24px);margin:12px 12px 0;padding:14px 12px 14px 14px;border-radius:20px;text-align:left;color:#fff;
|
||||
background:radial-gradient(circle at 88% 0,rgba(255,255,255,.28) 0 38px,transparent 39px),radial-gradient(circle at 6% 120%,rgba(255,201,77,.45) 0 46px,transparent 47px),linear-gradient(120deg,#7B5CF5,#A17BFF 55%,#FF8FB1);box-shadow:0 10px 22px -10px rgba(123,92,245,.7);overflow:visible}
|
||||
.luck-dc{flex:none;width:46px;height:46px;filter:drop-shadow(0 4px 6px rgba(60,30,140,.35));animation:lkIdle 3.2s ease-in-out infinite;transform-origin:50% 60%}
|
||||
@@ -831,11 +837,11 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
|
||||
<div id="sheet" role="dialog" aria-modal="true"><i class="sg"></i><div class="sbd" id="sbd"></div></div>
|
||||
<div class="toast" id="toast"></div>
|
||||
|
||||
<script src="topics.js?v=26110296"></script>
|
||||
<script src="data.js?v=26110296"></script>
|
||||
<script src="feed.js?v=26110296"></script>
|
||||
<script src="ceshi/meta.js?v=26110296"></script>
|
||||
<script src="../js/share-card.js?v=26110296"></script>
|
||||
<script src="topics.js?v=26110297"></script>
|
||||
<script src="data.js?v=26110297"></script>
|
||||
<script src="feed.js?v=26110297"></script>
|
||||
<script src="ceshi/meta.js?v=26110297"></script>
|
||||
<script src="../js/share-card.js?v=26110297"></script>
|
||||
<script>
|
||||
(function () {
|
||||
'use strict';
|
||||
@@ -901,7 +907,7 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
|
||||
var CMD = null, CMERR = false;
|
||||
/* 头像编码:数字 = av/NNNN.webp(旧代码头像);'av:c012' = av/c012.webp(卡通/可爱卡通);'/…' = 站内绝对路径(内置头像库 /_bridge/avatars/);其余 = assets/img/mom/xxx.jpg */
|
||||
var avP = function (a) { return typeof a === 'number' ? 'av/' + ('000' + a).slice(-4) + '.webp' : a.indexOf('av:') === 0 ? 'av/' + a.slice(3) + '.webp' : a.charAt(0) === '/' ? a : '../assets/img/mom/' + a + '.jpg'; };
|
||||
fetch('cm.json?v=26110296').then(function (r) { return r.json(); }).then(function (j) {
|
||||
fetch('cm.json?v=26110297').then(function (r) { return r.json(); }).then(function (j) {
|
||||
CMD = j; if (openId && NBY[openId]) { renderComments(NBY[openId]); syncBar(NBY[openId]); }
|
||||
}).catch(function () { CMERR = true; if (openId && NBY[openId]) renderComments(NBY[openId]); });
|
||||
function commentsOf(n) {
|
||||
@@ -1218,6 +1224,25 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
|
||||
'<div class="csv"><div class="csv-n"><i class="csv-dot"></i>此刻 <b id="csvN" class="num">' + csNowBase().toLocaleString() + '</b> 人正在测<span class="csv-av" id="csvAv">' + csAvs(5) + '</span></div>' +
|
||||
'<div class="csv-r" id="csvR"></div></div>';
|
||||
}
|
||||
/* 11-04 用户:「往下滑时『摇一摇』浮在最上面,让用户随时能用」→ 大卡滑出屏幕后,顶栏下面浮一条小的摇一摇(点了同样全屏摇号) */
|
||||
var luckIO = null;
|
||||
function luckFloat() {
|
||||
var fl = document.getElementById('luckFl');
|
||||
if (!fl) {
|
||||
fl = document.createElement('button'); fl.type = 'button'; fl.id = 'luckFl'; fl.className = 'luck-fl';
|
||||
fl.innerHTML = '<span class="luck-fl-d">' + diceSVG(5) + '</span><b>不知道测哪个?</b><em>摇一摇</em>';
|
||||
fl.addEventListener('click', function () { var g = document.getElementById('csvGo'); if (g) csdRoll(g); });
|
||||
document.body.appendChild(fl);
|
||||
}
|
||||
var tg = document.getElementById('csvGo'); if (!tg || !('IntersectionObserver' in window)) return;
|
||||
if (luckIO) luckIO.disconnect();
|
||||
luckIO = new IntersectionObserver(function (es) {
|
||||
var e = es[0], nav = document.querySelector('#top .nav'), b = nav ? nav.getBoundingClientRect().bottom : 56;
|
||||
fl.style.top = (Math.max(0, b) + 8) + 'px';
|
||||
fl.classList.toggle('on', catF === 'ceshi' && !e.isIntersecting && e.boundingClientRect.top < b + 10);
|
||||
}, { threshold: 0, rootMargin: '-60px 0px 0px 0px' });
|
||||
luckIO.observe(tg);
|
||||
}
|
||||
var csdBusy = false;
|
||||
/* 11-04 用户:「点摇一摇,整个页面上浮出一个动态效果,结束后再跳到那个测试」→ 全屏浮层:两颗大骰子翻滚 + 老虎机转测试名(越转越慢)→ 落定弹出那个测试的卡(分组配色 + 专属图标)+ 全屏撒彩纸 → 进入 */
|
||||
function csdRoll(btn) {
|
||||
@@ -1331,7 +1356,8 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
|
||||
}
|
||||
function renderHead() {
|
||||
var t = TBY[cur], el = $('#head'), fh = $('#fh');
|
||||
if (catF === 'ceshi') { el.innerHTML = cbnHTML('ceshi') + csLiveHTML(); ceshiFh(fh); csLiveRun(); return; } /* 原一行介绍 ceshiHead 并进 banner */
|
||||
var fl0 = document.getElementById('luckFl'); if (fl0) fl0.classList.remove('on');
|
||||
if (catF === 'ceshi') { el.innerHTML = cbnHTML('ceshi') + csLiveHTML(); ceshiFh(fh); csLiveRun(); luckFloat(); return; } /* 原一行介绍 ceshiHead 并进 banner */
|
||||
if (!t) {
|
||||
var hl = hotList();
|
||||
el.innerHTML = (catF ? cbnHTML(catF) : qifuHTML()) + /* 祈福树只在「全部」 */
|
||||
|
||||
Reference in New Issue
Block a user