theme v4: 装饰层 + 砂狼白子 Q 版插画
- base.css 新增装饰层令牌 --tb-deco / -size / -position:固定 6 个槽位、固定像素四角定位, 不受 cover 裁切影响(竖屏桌面会把贴边的插画切掉)。多层背景的列表长度必须恒定, 值一多一少会整层错位(表现为整页重复同一张图)。 - shiroko:4 个 Q 版人物(wave/cheer/think/sit/doze),以用户立绘为参考图 image-to-image 生成后抠白底;左右各两个、立绘在右下当水印。顶部用固定 96px 避开顶栏, 真实视口 ≥920px 才补中间两个,矮屏不放(否则与立绘重叠)。 深色关掉装饰层,图案改为几何纹样。 - sakura:顶栏取页面底色、顶栏链接提到次要文字色、uk-alert-primary 改粉底。 - 主题注入补上 /user 后台与 /vote 投票页(跟随箱主/发布者的语言与配色)。 - StaticVersion → 20261019m
|
After Width: | Height: | Size: 379 KiB |
|
After Width: | Height: | Size: 27 KiB |
|
After Width: | Height: | Size: 26 KiB |
|
After Width: | Height: | Size: 29 KiB |
|
After Width: | Height: | Size: 26 KiB |
|
After Width: | Height: | Size: 27 KiB |
|
After Width: | Height: | Size: 18 KiB |
@@ -0,0 +1,17 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="240" height="240" viewBox="0 0 240 240">
|
||||
<g fill="none" stroke="#A8C6EC" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round" opacity="0.14">
|
||||
<g transform="translate(50 54)">
|
||||
<path d="M0 -20V20M-17.3 -10L17.3 10M-17.3 10L17.3 -10"/>
|
||||
<path d="M0 -20l-4.5 4.5M0 -20l4.5 4.5M0 20l-4.5-4.5M0 20l4.5-4.5"/>
|
||||
</g>
|
||||
<ellipse cx="178" cy="60" rx="21" ry="7.5"/>
|
||||
<circle cx="104" cy="144" r="9"/>
|
||||
<circle cx="104" cy="144" r="3.2"/>
|
||||
<circle cx="152" cy="198" r="1.8"/>
|
||||
<circle cx="166" cy="186" r="1.4"/>
|
||||
<circle cx="72" cy="120" r="1.4"/>
|
||||
<path d="M206 194v10M201 199h10"/>
|
||||
<circle cx="32" cy="196" r="1.6"/>
|
||||
<circle cx="210" cy="138" r="1.3"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 767 B |
@@ -0,0 +1,21 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="240" height="240" viewBox="0 0 240 240">
|
||||
<g fill="none" stroke="#6F90BC" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round" opacity="0.2">
|
||||
<!-- 雪花 -->
|
||||
<g transform="translate(50 54)">
|
||||
<path d="M0 -20V20M-17.3 -10L17.3 10M-17.3 10L17.3 -10"/>
|
||||
<path d="M0 -20l-4.5 4.5M0 -20l4.5 4.5M0 20l-4.5-4.5M0 20l4.5-4.5"/>
|
||||
</g>
|
||||
<!-- 光环 -->
|
||||
<ellipse cx="178" cy="60" rx="21" ry="7.5"/>
|
||||
<!-- 小圆环 + 点簇(保持密度,不再放人形,避免和正文插画抢戏) -->
|
||||
<circle cx="104" cy="144" r="9"/>
|
||||
<circle cx="104" cy="144" r="3.2"/>
|
||||
<circle cx="152" cy="198" r="1.8"/>
|
||||
<circle cx="166" cy="186" r="1.4"/>
|
||||
<circle cx="72" cy="120" r="1.4"/>
|
||||
<!-- 碎星 -->
|
||||
<path d="M206 194v10M201 199h10"/>
|
||||
<circle cx="32" cy="196" r="1.6"/>
|
||||
<circle cx="210" cy="138" r="1.3"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 924 B |