Blizzard
b4a4a4b3c0
图标不走字体走 mask-image。Tabler 的 outline 图标是 stroke+fill:none， 字形只认填充轮廓，直接转字体会生成空字形——真机表现和「字体没加载」 一模一样，很容易往错方向排查。mask 走渲染 alpha，描边正常参与， 同样支持 currentColor 染色，没有这个坑。 - styles/iconfont.wxss：38 个图标内联 base64，19.9KB - components/pt-icon：name 支持图标名 / 记录类型 / 老数据里的 emoji， 三层降级兜底，绝不留空白；virtualHost 避免多一层节点破坏 flex - custom-tab-bar：🏠📅✍️📊🐾 换成图标，顺手把抄了一遍的三个色值换回 var() - project.config.json：packOptions.ignore 排掉 preview.html、6 个候选 logo 等 172KB 死资源，之前它们全打进包里 preview-v2.html 是设计验证页，本身也不参与打包。 Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
17 lines
686 B
Plaintext
17 lines
686 B
Plaintext
.tabbar{
|
|
position:fixed;left:0;right:0;bottom:0;z-index:50;
|
|
height:calc(108rpx + env(safe-area-inset-bottom));
|
|
padding-bottom:calc(6rpx + env(safe-area-inset-bottom));
|
|
background:rgba(255,255,255,.94);
|
|
/* CSS 变量是继承属性，样式隔离只挡选择器匹配、不挡继承，所以这里能直接吃 page 上的 token */
|
|
border-top:1rpx solid var(--line,#EEE6DC);
|
|
display:flex;
|
|
backdrop-filter:blur(32rpx);
|
|
-webkit-backdrop-filter:blur(32rpx);
|
|
}
|
|
.tab{
|
|
flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8rpx;
|
|
color:var(--muted,#8D8277);font-size:24rpx;
|
|
}
|
|
.tab.active{color:var(--primary-dark,#DD8420);font-weight:600}
|