quickui(quickUI 文档)

简介:

QuickUI 是阿里巴巴团队开源的一款基于 jQuery 的 UI 组件库,它包含多种常用的 UI 组件,如下拉框、分页器、日期选择器、滚动条等等。QuickUI 组件库简单易用,提供了丰富的事件和选项,以及大量的主题样式。

一、快速上手

要使用 QuickUI,只需在 HTML 中引入 QuickUI 的样式和脚本文件,即可轻松添加组件,例如下拉框:

```

```

二、组件列表

QuickUI 包含的组件有:

1. 按钮 Button

2. 复选框 Checkbox

3. 日期选择器 DatePicker

4. 下拉框 Select

5. 表单 Form

6. 图片轮播 Slider

7. 多选框 Switch

8. 标签页 Tab

9. 滚动条 Scrollbar

10. 进度条 Progressbar

11. 分页器 Paginator

12. 全选框 Checkall

三、事件和选项

每个组件都有对应的事件和选项。例如下拉框(Select)有以下选项:

- data:下拉框数据,默认为空数组。

- value:默认选中项的值,默认为 ""。

- onSelect:选中某项的回调函数,默认为空函数。

- disabled:是否禁用下拉框,默认为 false。

四、主题定制

QuickUI 提供了多种主题样式,可以通过在 HTML 文件中定义 `data-toggle` 属性来切换主题样式,例如:

```

```

也可以使用 Less 变量来自定义主题,例如将 QuickUI 的默认主题中的按钮背景色改为绿色:

```

@import "path/to/quickui.less";

@qui-btn-bg: #00FF00;

```

以上就是 QuickUI 的基本使用方法和一些常用组件的简介,欢迎大家在实际使用中探索更多的功能。

标签列表