qili-mobile-components

QILi-COMPONENTS_PROJECT 组件库

快速开始

1、启动项目

npm run serve

2、打包项目

npm run build

3、引用组件库

// 全部引入
import 'Q6-COMPONENTS/dist/css/index.css'
import QUI from 'Q6-COMPONENTS'
Vue.use(QUI);

// 按需引用
import 'Q6-COMPONENTS/dist/css/qlsections.css'
import { QlSections } from 'Q6-COMPONENTS'
Vue.use(QlSections)

4、组件库说明

1、QAsideContainer 左树右卡或者表的布局文件

2、QAutocomplete 参照框的组件

3、QButton 按钮组件

4、QCheckForm

5、QDialog 弹框的基础框

6、QEditForm 编辑表单组件

7、QMap 地图组件

8、QPreviewImage 图片预览组件

9、QSearchForm 查询表单

10、QUIDrawer 抽屉组件

11、QUISections 上下UI布局

12、QUItable 非编辑态表格组件

13、QUIThreeSections 上中下UI布局