🔀
双形态,而不是响应式
同一个组件在手机上是底部抽屉、在 PC 上是居中模态;表格在手机上降级为卡片列表。不是把一套视觉缩放,而是各自呈现该平台该有的交互形态。
维护者
CodeDogUI 由 Codedog.tech 长期维护,UI 由 Penn.Gu 设计开发。
本项目同时以两种形态分发:
| 形态 | 获取方式 | 适用 |
|---|---|---|
| uni_modules(推荐) | 拷贝 src/uni_modules/codedog-ui 整个目录,或从 HBuilderX 插件市场导入 | HBuilderX 工程 |
| npm 包 | npm i codedog-ui | 走 CLI 的 uni-app 工程 |
下面这些不是截图,是文档站里真实运行的 CodeDogUI 组件——与 npm 包里的同一份源码、同一套运行期令牌。 切换右上角的暗色模式,它们会跟着一起变,因为颜色全部来自 var(--cd-*)。
npm i codedog-ui组件 API 表格由脚本从 SFC 源码自动抽取(
npm run docs:gen), 出现在/components/*的每个页面里,与本页预览用的是同一份源码。