Integration example · 接入示例

一个外部页面接入侍天

本页只引用 dist/tiansight.css，没有其他依赖。字体、令牌、基础元素与全部 .ts- 组件随该文件一起到达；侍天推送新版本后，链接 tiansight.css 的站点自动跟进，链接 tiansight-v0.6.css 的站点保持不变。

Typography · 字体

标题与正文

宋体承担全部叙述，等宽体承担数字：本月经营利润 ¥61,450，同比 +2.4%。

口径2026-06 至 2026-08 收银流水。

Components · 组件

按钮、徽章、标签

现役 10 / 28 城北店

90 天清单62%

Grounds · 底色

玄墨作用域

加一个 .ts-ground-charcoal 类，整块反相，不改任何色值。

Key number18桌 / 日

How to link · 接入方式

<link rel="stylesheet" href="https://fengurt.github.io/dsys_tiansight01/dist/tiansight.css">

令牌数据（Figma、构建脚本、其他框架）：dist/tokens.json
图标精灵：dist/icons.svg，用法 <svg class="ts-icon"><use href="icons.svg#ts-arrow-right"/></svg>（需同源或 CORS）
版本与变更：CHANGELOG.md，版本号见 brand/VERSION