颜色选择器

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

TIP

有关处理颜色,也请查看 Quasar 颜色工具.

QColor API

Loading QColor API...

用法

基础




与 QInput 一起使用




这里有一些可以用在 QInput 的 rules 中的工具:完整列表。 为了方便起见,您可以使用它们,也可以编写指定自定义需求的字符串

示例: “hexColor”, “rgbOrRgbaColor”, “anyColor”.

更多信息: QInput.

不要头部或底部

您可以选择不渲染头部或底部,比如下面的例子:




自定义默认视图

您还可以选择默认视图,如下面的示例所示,在这里我们还指定不希望渲染头部和底部。最终结果生成了一个漂亮的调色板,用户可以从中选择:




自定义调色盘




暗色模式




默认值




懒更新




禁用或只读




原生表单提交

当处理一个带有 actionmethod 的原生表单时(如:使用 Quasar 和 ASP.NET 控制器时),您需要为 QColor 声明 name 属性,否则表单数据中不会包含它: