为什么捐赠
API 浏览器
联系站长
颜色选择器

QColor 组件提供了一种输入颜色的方式。

TIP

如需处理颜色相关的操作,还可以参考 Quasar 颜色工具库

正在加载 QColor API...

用法

基础用法

基础示例



配合 QInput 使用

输入框



QInput 的 rules 属性有一些现成的辅助校验规则可用:完整列表。你可以直接使用这些规则,也可以编写字符串来指定你的自定义需求

示例:“hexColor”、“rgbOrRgbaColor”、“anyColor”。

更多信息请参阅:QInput

隐藏头部或底部

你可以选择不渲染头部和/或底部,如下面的示例所示:

无头部/底部



自定义默认视图

你还可以设置默认显示的视图,如下面的示例所示——我们同时指定了不渲染头部和底部,最终呈现出一个简洁的调色板供用户选择:

自定义默认视图



自定义调色板

自定义调色板



强制暗色模式

强制暗色模式



默认值

默认值



延迟更新

延迟更新 model 数据



禁用和只读

禁用和只读



原生表单提交

当使用带有 actionmethod 的原生表单时(例如在 Quasar 配合 ASP.NET 控制器使用的场景),你需要为 QColor 指定 name 属性,否则 formData 中将不会包含它的值(如果需要的话):

原生表单