Skip to content

在线演示 ​

下面的演示页面加载了真实的构建产物,包含一个完整的颜色选择器、当前颜色预览和事件日志。

演示资源从哪来?

docs/scripts/prepare-demo.mjs 会在 dev / build 前把以下产物复制到 docs/public/assets/:

  • packages/ew-color-picker/dist/index.min.js
  • packages/style/dist/index.css
  • packages/style/dist/input-number.css

如果演示页空白,先执行根目录的 pnpm run build:all。

演示页做了什么 ​

区域说明
左侧选择器defaultColor: '#6366f1',开启预设色与模式切换
当前颜色卡片监听 change 实时更新色值与色块
事件日志监听 change / toggle / sure / clear / mode-change / destroy

本地运行 ​

bash
# 1. 构建所有包与样式
pnpm run build:all

# 2. 启动文档站点
pnpm run docs:dev

相关 ​