diff --git a/guangchang/index.html b/guangchang/index.html index b967368..f5a400c 100644 --- a/guangchang/index.html +++ b/guangchang/index.html @@ -486,16 +486,21 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin .rww .rwl{margin:0} /* 11-07 用户:祈福树下面「投稿被选中得 ¥30…」一条 → 改成轮播「哪些妈妈的笔记上了广场」:真实投稿(审核通过)排前, 不够时用广场里点赞高的笔记补;只说「上了广场 / 入选精选」,不写某人领了多少钱。右边「我也投稿」= 原来的规则弹层 */ -.rwc{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;border-radius:12px;background:linear-gradient(100deg,#FFF1E8,#FFE6E6)} -.rwc>.ic{flex:none;width:16px;height:16px;color:#F2553A} -.rwv{position:relative;flex:1;min-width:0;height:40px;overflow:hidden} -.rwi{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;gap:6px;height:40px;border:0;background:none;padding:0;font:inherit;text-align:left;color:#8A4B36;font-size:12px; +.rwc{position:relative;display:flex;align-items:center;gap:9px;height:46px;padding:0 12px 0 7px;border-radius:15px;overflow:hidden; + background:linear-gradient(100deg,#FFF8F1 0%,#fff 38%);border:1px solid #FFE2D2;box-shadow:0 8px 20px -14px rgba(214,96,60,.45)} +/* 11-07 用户:轮播要有设计感 → 左边金红「喜报」小标 + 白底卡;「入选精选」挪到标题右边做小标签 */ +.rwc::after{content:"";position:absolute;right:-18px;top:-26px;width:70px;height:70px;border-radius:50%;background:radial-gradient(circle,rgba(255,196,150,.28),transparent 70%);pointer-events:none} +.rwh{flex:none;display:flex;align-items:center;gap:3px;height:30px;padding:0 8px 0 7px;border-radius:10px; + background:linear-gradient(135deg,#FF7A4D,#E8343F);color:#FFE7A8;font-size:12px;font-weight:900;letter-spacing:1px;box-shadow:inset 0 0 0 1px rgba(255,220,150,.45),0 3px 8px -3px rgba(232,52,63,.6)} +.rwh svg{width:13px;height:13px;fill:#FFD86B} +.rwv{position:relative;flex:1;min-width:0;height:46px;overflow:hidden} +.rwi{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;gap:7px;height:46px;border:0;background:none;padding:0;font:inherit;text-align:left;color:#8A6A5E;font-size:12.5px; transition:transform .4s ease,opacity .4s ease} .rwi.in{transform:translateY(100%);opacity:0}.rwi.out{transform:translateY(-100%);opacity:0} -.rwi img{flex:none;width:20px;height:20px;border-radius:50%;object-fit:cover;background:#FFE3D3} -.rwi span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} -.rwi span b{font-weight:800;color:#5A3226} -.rwi span em{font-style:normal;font-weight:800;color:#F2394A;margin:0 3px} +.rwi img{flex:none;width:24px;height:24px;border-radius:50%;object-fit:cover;background:#FFE3D3;box-shadow:0 0 0 1.5px #fff,0 0 0 2.5px #FFD2BD} +.rwi b{flex:none;max-width:5.5em;font-weight:800;color:#5A3226;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} +.rwi span{flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} +.rwi em{flex:none;margin-left:auto;padding:0 7px;height:20px;line-height:20px;border-radius:99px;font-style:normal;font-size:10.5px;font-weight:800;color:#E8343F;background:#FFEDEA;box-shadow:inset 0 0 0 1px #FFD0C8} .rwb{flex:none;height:26px;padding:0 10px;border:0;border-radius:99px;background:linear-gradient(135deg,#FF8A65,#F2553A);color:#fff;font:inherit;font-size:11.5px;font-weight:800} .gtp{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:2px 14px 4px;padding:10px 12px;border-radius:14px;background:#fff;box-shadow:0 6px 16px -14px rgba(120,60,40,.35)} .gtp[hidden]{display:none} @@ -1677,9 +1682,9 @@ html.night .gtg button.on{background:#F2725B;border-color:#F2725B;color:#fff} } function rwItem(k) { var L = rwList(); if (!L.length) return ''; - var n = L[k % L.length], tt = n.title.length > 14 ? n.title.slice(0, 13) + '…' : n.title; - return ''; + var n = L[k % L.length]; + return ''; /* 11-07 用户:「入选精选」放到文章右边 */ } function rwRun() { clearInterval(rwT); rwI = 0; @@ -1702,7 +1707,7 @@ html.night .gtg button.on{background:#F2725B;border-color:#F2725B;color:#fff} 标签作为唯一入口(末尾加「全部话题 ›」);选中标签时标签下露出这一类的 2~3 个热门话题(用户同意);投稿奖励一行挪到「大家在聊」上面。 话题本身不变:投稿选话题、帖子卡上的 #话题#、话题详情页照旧。分类视图(catF)仍是原来的热门话题列表。 */ el.innerHTML = qifuHTML() + - '