assignment_late
为什么捐赠
travel_explore
API 浏览器
widgets
Vue 组件
Ajax Bar Ajax 进度条
Avatar 头像
Badge 徽标
Banner 横幅
Bar 工具栏
Breadcrumbs 面包屑
Card 卡片
Carousel 轮播
Chat Message 聊天消息
Chip 纸片
Circular Progress 环形进度条
Color Picker 颜色选择器
Dialog 对话框
Editor WYSIWYG 编辑器
Expansion Item 展开项
Floating Action Button 浮动操作按钮
Icon 图标
Img 图片
Infinite Scroll 无限滚动
Inner Loading 内部加载
Intersection 交叉观察
Knob 旋钮
Linear Progress 线性进度条
List & List Items 列表与列表项
Markup Table 标记表格
Menu 菜单
No SSR
Observers 观察者
Pagination 分页
Parallax 视差
Popup Edit 弹出编辑
Popup Proxy 弹出代理
Pull to Refresh 下拉刷新
Rating 评分
Responsive 响应式
Scroll Area 滚动区域
Separator 分隔线
Skeleton 骨架屏
Slide Item 滑动项
Slide Transition 滑动过渡
Space 间隔
Spinners 加载动画
Splitter 分割面板
Stepper 步骤条
Table 表格
Tabs 标签页
Tab Panels 标签面板
Timeline 时间线
Toolbar 工具栏
Tooltip 提示框
Tree 树形控件
Uploader 上传器
Video 视频
Virtual Scroll 虚拟滚动
alternate_email
联系站长
QColor 组件提供了一种输入颜色的方式。
TIP
如需处理颜色相关的操作,还可以参考 Quasar 颜色工具库。
正在加载 QColor API...
用法
基础用法
基础示例
配合 QInput 使用
输入框
QInput 的 rules 属性有一些现成的辅助校验规则可用:完整列表。你可以直接使用这些规则,也可以编写字符串来指定你的自定义需求。
示例:“hexColor”、“rgbOrRgbaColor”、“anyColor”。
更多信息请参阅:QInput。
隐藏头部或底部
你可以选择不渲染头部和/或底部,如下面的示例所示:
无头部/底部
自定义默认视图
你还可以设置默认显示的视图,如下面的示例所示——我们同时指定了不渲染头部和底部,最终呈现出一个简洁的调色板供用户选择:
自定义默认视图
自定义调色板
自定义调色板
强制暗色模式
强制暗色模式
默认值
默认值
延迟更新
延迟更新 model 数据
禁用和只读
禁用和只读
原生表单提交
当使用带有 action 和 method 的原生表单时(例如在 Quasar 配合 ASP.NET 控制器使用的场景),你需要为 QColor 指定 name 属性,否则 formData 中将不会包含它的值(如果需要的话):
原生表单
发现错误?在浏览器中编辑此页
1. Introduction
2. QColor API
3. 用法
3.1. 基础用法
3.2. 配合 QInput 使用
3.3. 隐藏头部或底部
3.4. 自定义默认视图
3.5. 自定义调色板
3.6. 强制暗色模式
3.7. 默认值
3.8. 延迟更新
3.9. 禁用和只读
3.10. 原生表单提交