纸墨 ZhiMo UI
纸张与油墨 · 编辑部风格 · Web Components · 零依赖
主要按钮
次要按钮
幽灵按钮
危险按钮
小尺寸
大尺寸
加载中
已禁用
分段控件 zhimo-button-group
当前：all
输入框 zhimo-input
滑块 zhimo-slider
当前值：40
开关与复选框
接收通知
自动更新
禁用项
记住我
同意服务条款
禁用项
卡片 zhimo-card 与分割线 zhimo-divider
项目概览
这是一张完整卡片：带标题栏、内容区和底部操作区。鼠标悬停时有轻微上浮效果。
取消
确认
只有内容区的简单卡片。header 和 footer 插槽为空时会自动隐藏，不会留下多余的边框。
或者
反馈组件
打开模态框
默认 Toast
成功 Toast
错误 Toast
zhimo-spinner 三种尺寸
这是一个模态框。支持点击遮罩、右上角关闭按钮或按 Esc 键关闭，打开期间页面滚动会被锁定。
取消
确认
导航组件
首页
组件
导航
纸墨 ZhiMo UI 是一套个人风格的 Web Components 组件库，零依赖，可直接在任何页面中使用。
复制 src 目录到你的项目，引入 tokens.css 和 index.js 即可。
修改 tokens.css 中的设计令牌（颜色、圆角、阴影），所有组件会同步更新。
下拉菜单 zhimo-dropdown 与选择器 zhimo-select
消息操作 ▾
回复
复制内容
置顶（无权限）
删除消息
也可在任意坐标调用 .openAt(x, y) 作为右键菜单
QQ 音乐
网易云音乐
本地音乐（暂不可用）