diff --git a/demo/gch/v4.js b/demo/gch/v4.js index 5d9a11e..2037734 100644 --- a/demo/gch/v4.js +++ b/demo/gch/v4.js @@ -188,5 +188,5 @@ } /* feed.js 首页默认不加载(index.html 只引了 topics.js),这里按需拉一次 */ if (window.GC_FEED) init(); - else { var fs = document.createElement('script'); fs.src = 'guangchang/feed.js?v=26110238'; fs.onload = fs.onerror = init; document.body.appendChild(fs); } + else { var fs = document.createElement('script'); fs.src = 'guangchang/feed.js?v=26110239'; fs.onload = fs.onerror = init; document.body.appendChild(fs); } })(); diff --git a/guangchang/ceshi/index.html b/guangchang/ceshi/index.html index 7c59033..8c544c5 100644 --- a/guangchang/ceshi/index.html +++ b/guangchang/ceshi/index.html @@ -54,32 +54,35 @@ mark{background:linear-gradient(transparent 62%,var(--c20) 0);color:inherit;padd .sh2 span{margin-left:auto;font-size:12.5px;color:var(--sub)} /* ---------- ① 开始 ---------- */ +/* 11-03 用户:测试首页要一屏放下,「开始测试」不用往下滑就能看到 → 头图缩成右上小图、信息横排、结果类型一行四个;按钮再贴底兜底(小屏/有上次结果时) */ #vStart{margin-top:-48px} -.hero{position:relative;overflow:hidden;min-height:470px;padding:72px 20px 0;background:linear-gradient(160deg,var(--cbg) 0%,#fff 72%)} +.hero{position:relative;overflow:hidden;padding:58px 20px 16px;background:linear-gradient(160deg,var(--cbg) 0%,#fff 78%)} .hero .o1,.hero .o2{position:absolute;border-radius:50%;background:var(--c10);pointer-events:none} -.hero .o1{width:260px;height:260px;right:-90px;top:-70px} -.hero .o2{width:150px;height:150px;left:-60px;bottom:40px;background:var(--c06)} -.hero .eb{position:relative;display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 12px;border-radius:99px;background:#fff;color:var(--c);font-size:12.5px;font-weight:700;letter-spacing:.5px;box-shadow:0 2px 8px var(--c10)} -.hero h1{position:relative;z-index:1;margin-top:16px;font-size:28px;font-weight:800;line-height:1.36;color:var(--ink);letter-spacing:.5px;text-wrap:balance} -.hero h1 small{display:block;font-size:17px;font-weight:700;color:var(--txt);letter-spacing:1px} -.hero .meta{position:relative;z-index:1;display:flex;flex-direction:column;gap:8px;margin-top:18px;width:150px} -.hero .meta span{display:flex;align-items:center;gap:6px;font-size:13.5px;color:var(--txt);line-height:1.4} -.hero .meta .ic{width:18px;height:18px;color:var(--c)} +.hero .o1{width:220px;height:220px;right:-80px;top:-80px} +.hero .o2{width:120px;height:120px;left:-50px;bottom:-30px;background:var(--c06)} +.hero .eb{position:relative;display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 11px;border-radius:99px;background:#fff;color:var(--c);font-size:12px;font-weight:700;letter-spacing:.5px;box-shadow:0 2px 8px var(--c10)} +.hero h1{position:relative;z-index:1;margin-top:10px;padding-right:118px;font-size:23px;font-weight:800;line-height:1.38;color:var(--ink);letter-spacing:.5px;text-wrap:balance} +.hero h1 small{display:block;font-size:14px;font-weight:700;color:var(--txt);letter-spacing:1px} +.hero .meta{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:12px} +.hero .meta span{display:flex;align-items:center;gap:4px;font-size:12.5px;color:var(--txt);line-height:1.4} +.hero .meta .ic{width:15px;height:15px;color:var(--c)} .hero .meta b{color:var(--ink);font-weight:800} -.hero .pic{position:absolute;right:-18px;bottom:0;width:min(228px,calc(100vw - 162px));height:min(228px,calc(100vw - 162px));object-fit:cover;object-position:center 30%;border-radius:28px 0 0 0;box-shadow:0 8px 24px var(--c10);background:var(--cbg)} -.lead{margin-top:22px;padding:16px 18px;border-radius:20px;background:var(--soft);font-size:14.5px;line-height:1.8;color:var(--txt)} -.lastr{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 14px;border-radius:16px;background:var(--cbg);font-size:13.5px;color:var(--ink)} -.lastr img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid #fff} +.hero .pic{position:absolute;z-index:1;right:18px;top:62px;width:100px;height:100px;object-fit:cover;object-position:center 30%;border-radius:24px;border:3px solid #fff;box-shadow:0 8px 20px var(--c20);background:var(--cbg)} +.lead{margin-top:4px;padding:12px 14px;border-radius:16px;background:var(--soft);font-size:13.5px;line-height:1.7;color:var(--txt)} +.lastr{display:flex;align-items:center;gap:10px;margin-top:10px;padding:8px 12px;border-radius:14px;background:var(--cbg);font-size:13px;color:var(--ink)} +.lastr img{width:30px;height:30px;border-radius:50%;object-fit:cover;border:2px solid #fff} .lastr b{color:var(--c)} .lastr span{flex:1} -.types{margin-top:28px} -.tgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px} -.tcard{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:18px;background:var(--soft)} +.types{margin-top:16px} +.types .sh2 b{font-size:15.5px} +.tgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px 6px;margin-top:-2px} +.tcard{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;text-align:center} .tcard img{flex:none;width:46px;height:46px;border-radius:50%;object-fit:cover;object-position:center 26%;border:2px solid #fff;box-shadow:0 2px 8px var(--c10);background:var(--cbg)} -.tcard b{display:block;font-size:14px;color:var(--ink);line-height:1.35} -.tcard small{display:block;font-size:12px;color:var(--sub);line-height:1.4} -.startbox{margin-top:28px;text-align:center} -.startbox .note{margin-top:10px;font-size:12.5px;color:var(--sub)} +.tcard span{min-width:0;width:100%} +.tcard b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:11.5px;font-weight:600;color:var(--ink);line-height:1.35;word-break:break-all} +.tcard small{display:none} +.startbox{position:sticky;bottom:0;z-index:5;margin:6px -20px 0;padding:12px 20px calc(4px + env(safe-area-inset-bottom));text-align:center;background:linear-gradient(rgba(255,255,255,0),#fff 14px)} +.startbox .note{margin-top:7px;font-size:12px;color:var(--sub)} /* ---------- ② 答题 ---------- */ #vQuiz{padding-top:4px} @@ -325,8 +328,8 @@ mark{background:linear-gradient(transparent 62%,var(--c20) 0);color:inherit;padd
- - + + - - - + + + + + - +