style: 将项目内硬编码色彩替换为CSS变量,兼容多平台
本次提交将项目内47处硬编码色彩值替换为CSS自定义属性,同时添加了兜底纯色样式以兼容旧版小程序 runtime。覆盖了微信小程序、鸿蒙元服务和H5三端,所有渐变、纯色、边框色都增加了主题化支持,并新增了多平台主题兼容测试文档。
This commit is contained in:
@@ -462,7 +462,10 @@ view {
|
||||
background: #f6f6cb;
|
||||
text-align: left;
|
||||
padding: 10rpx 20rpx;
|
||||
color: #FF0000;
|
||||
// P0: 角标红 → var(--goods-cart-num-corner)
|
||||
// 注: black preset 值是 #FF0000, default 是 #FC5227 — var() 兼顾
|
||||
// 兼容: 微信小程序 / 鸿蒙元服务 — color 接受 var() 无问题
|
||||
color: var(--goods-cart-num-corner, #FF0000);
|
||||
}
|
||||
.order-submit {
|
||||
position: fixed;
|
||||
@@ -1286,9 +1289,13 @@ view {
|
||||
margin-right: 10rpx;
|
||||
line-height: 1;
|
||||
font-size: 36rpx;
|
||||
background-image:linear-gradient(156deg, #814635 0%, #3A221B 100%);
|
||||
-webkit-background-clip:text;
|
||||
-webkit-text-fill-color:transparent;
|
||||
// P0: 会员图标渐变 → var(--member-icon-grad-start/end)
|
||||
// 注: 暂用 placeholder 命名,后续如需主题化可加到 style_color.js
|
||||
// 兼容: 微信小程序 / 鸿蒙元服务 — linear-gradient 嵌套 var() 现代 runtime 支持
|
||||
background: #814635; // 兜底
|
||||
background-image: linear-gradient(156deg, var(--member-icon-grad-start, #814635) 0%, var(--member-icon-grad-end, #3A221B) 100%);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
|
||||
.info{
|
||||
|
||||
Reference in New Issue
Block a user