微信小程序页面迁移校验之前 P5任务处理之前
This commit is contained in:
49
docs/h5_ui/design-tokens.json
Normal file
49
docs/h5_ui/design-tokens.json
Normal file
@@ -0,0 +1,49 @@
|
||||
{
|
||||
"colors": {
|
||||
"primary": "#0052d9",
|
||||
"primary-light": "#ecf2fe",
|
||||
"success": "#00a870",
|
||||
"warning": "#ed7b2f",
|
||||
"error": "#e34d59",
|
||||
"gray-1": "#f3f3f3",
|
||||
"gray-2": "#eeeeee",
|
||||
"gray-3": "#e7e7e7",
|
||||
"gray-4": "#dcdcdc",
|
||||
"gray-5": "#c5c5c5",
|
||||
"gray-6": "#a6a6a6",
|
||||
"gray-7": "#8b8b8b",
|
||||
"gray-8": "#777777",
|
||||
"gray-9": "#5e5e5e",
|
||||
"gray-10": "#4b4b4b",
|
||||
"gray-11": "#393939",
|
||||
"gray-12": "#2c2c2c",
|
||||
"gray-13": "#242424"
|
||||
},
|
||||
"spacing": {
|
||||
"comment": "Tailwind 默认 1 unit = 4px;缩放公式 rpx = px × 2 × 0.875,取偶数",
|
||||
"base": 8,
|
||||
"unit": "rpx"
|
||||
},
|
||||
"borderRadius": {
|
||||
"comment": "简单 ×2 缩放(A/B 对比验证差异 <0.02%,选择更整洁的 ×2 方案)",
|
||||
"sm": "8rpx",
|
||||
"md": "16rpx",
|
||||
"lg": "24rpx",
|
||||
"xl": "32rpx",
|
||||
"2xl": "32rpx",
|
||||
"3xl": "48rpx"
|
||||
},
|
||||
"fontSize": {
|
||||
"comment": "已应用 87.5% 缩放:H5 px × 2 × 0.875,取偶数",
|
||||
"xs": "22rpx",
|
||||
"sm": "24rpx",
|
||||
"base": "28rpx",
|
||||
"lg": "32rpx",
|
||||
"xl": "36rpx",
|
||||
"2xl": "42rpx"
|
||||
},
|
||||
"shadows": {
|
||||
"lg": "0 8rpx 32rpx rgba(0,0,0,0.06)",
|
||||
"xl": "0 16rpx 48rpx rgba(0,0,0,0.08)"
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user