选色器

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

TIP

要处理颜色,请同时查看Quasar颜色实用程序.

安装

/*
 * No installation step is necessary.
 * It gets installed by default by @quasar/app v2+.
 */

用法

基础

Basic

使用QInput

Input

QInputrules属性有助手全部列表。您可以为了方便使用这些或写入字符串指定您的自定义需求

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

更多信息: QInput.

没有头部或底部

您可以选择是否要呈现头部或底部,如以下示例所示:

No header/footer

自定义默认视图

您还可以选择默认视图,如下面的示例所示,在该视图中,我们还指定了我们不希望呈现头部或底部。 最终结果将生成一个不错的调色板,用户可以从中进行选择:

Custom default view

自定义调色板

Custom palette

暗模式

Dark version

默认值

Default value

延迟更新

Lazy model

禁用和只读

Disable and readonly

QColor API

Loading API...
Please wait...