af233e1628
All checks were successful
Build and Deploy (tool.xpcool.com) / build-and-deploy (push) Successful in 1m6s
视觉体系（核心是「令牌 → TDesign 桥接」） - 新增 tokens.scss：--tk-* 设计令牌（青玉 Jade 单一强调色、冷调中性色阶、 圆角/间距/字号/z-index/动效规范、按语言切换字体栈） - 新增 tdesign-theme.scss：--tk-* → --td-* 桥接（含完整冷调灰阶 1-14） → 60+ 个未改动的存量工具页零成本继承新配色与圆角 - index.scss 重写：只过渡颜色、统一 focus-visible、reduced-motion 降级 - 新增 v-reveal 滚动进入指令 布局与交互 - MainLayout 重写：毛玻璃 sticky 顶栏 + 三区布局 + 页脚（含备案号） - 新增 CommandPalette（⌘K/Ctrl+K）、LocaleSwitch（显示语言代码不用国旗）、 ThemeSwitch（三态；图标显示生效 mode、菜单勾选用户偏好 preference） - SideNav 重写：内联筛选、可折叠分组持久化、活动态指示条、需联网标记 - HomeView 重写：左对齐 Hero + 真实可用搜索 + 概览数字条 + 服务端工具专区 国际化与主题 - vue-i18n 11 + zh-CN/en-US/ja-JP/ko-KR 完整语言包（58 个工具名与描述全译） - helpers 取词带中文兜底；index.html 防闪烁内联脚本与 store 三处同步 - 主题三态 light/dark/auto，preference 与 mode 分离 服务端对接（service.xpcool.com /api/service/open/tools/*） - 新增 openTools.ts：接口元数据与调用函数共用同一份路径定义 - 改造/新建 6 页：ip-info、uuid、hash（服务端 MD5 两端口径对比）、 timestamp（服务端时钟 + 时钟偏移）、random-string、api-status - 均为「本机 / 服务端」双模式，默认本机、不自动打网络请求 - 后端未实现的 5 个接口用 BackendPending 如实标注，不伪装可用 修复 - 空分类渲染缺陷（health/study/travel 无工具却渲染空区块），分类 9 → 6 - UnoCSS panel 快捷类补内边距；IpInfoView 漏 onBeforeUnmount； SideNav 末尾 import；HomeView 错误导入 SUPPORTED_LOCALES 其他 - 新增 src/config.ts 集中站点常量，页脚展示备案号并链工信部核验 - docs/api-contract.md 按线上实际重写；PROJECT_STATE.md 全面更新 - 构建通过：vue-tsc --noEmit + vite build
30 lines
1.5 KiB
TypeScript
30 lines
1.5 KiB
TypeScript
import { defineConfig, presetUno, transformerDirectives } from 'unocss'
|
||
|
||
/**
|
||
* UnoCSS 配置：仅使用 presetUno（类 Tailwind 原子类）。
|
||
*
|
||
* 颜色一律走设计令牌 CSS 变量（--tk-* / --td-*），不要写死色值，
|
||
* 这样昼夜主题切换与品牌改色都只需改 tokens.scss 一处。
|
||
* 颜色写法用 arbitrary value，例如：bg-[var(--tk-surface)]
|
||
*/
|
||
export default defineConfig({
|
||
presets: [presetUno()],
|
||
transformers: [transformerDirectives()],
|
||
shortcuts: {
|
||
// 工具页通用容器（内容型页面统一版心）
|
||
'page-wrap': 'mx-auto w-full max-w-[var(--tk-content-max)]',
|
||
// 表单行：标签 + 控件 的通用栅格（响应式，移动端自动竖排）
|
||
'form-row': 'flex flex-col gap-2 md:flex-row md:items-center md:gap-4',
|
||
// 结果代码块：等宽字体 + 面板块底色
|
||
'code-block':
|
||
'rounded-[var(--tk-radius-md)] bg-[var(--tk-surface-sunken)] px-3 py-2.5 font-mono text-13px leading-relaxed break-all whitespace-pre-wrap',
|
||
// 通用面板（自定义区块的轻量容器）
|
||
// 自带内边距，直接写 class="panel tool-section" 即可，不必每处再补 padding。
|
||
// 注意：页面 scoped 样式（如 .block[data-v-*]）权重高于本类，需要单独覆盖时照常写即可。
|
||
'panel':
|
||
'rounded-[var(--tk-radius-xl)] border border-[var(--tk-border)] bg-[var(--tk-surface)] p-5 md:p-6',
|
||
// 说明性小字
|
||
'hint-text': 'text-12px text-[var(--tk-text-placeholder)]',
|
||
},
|
||
})
|