About

XCUI 是基于Vue2.0的桌面端组件库。

XCUI的目标是：

• 满足桌面端页面大部分基础组件需求。
• 快速开发基于 Vue2.0 构建的项目。
• 保持小体积, 无其他js库依赖(No jquery, No Bootstrap, etc)
• 简洁优雅。

组件展示

XCUI主页

版本支持

在使用Vue 2.x 版本时，推荐使用 Vue 2.0.8 以上版本。

安装

通过npm安装。

npm install xcui

具体的安装方式请见这里。

快速上手

xcui使用umd方式打包，支持各种模块加载器。

在页面根实例中引入：

import Vue from 'vue'
import xcui from 'xcui'
import 'xcui/lib/xcui.css'
Vue.use(xcui);

在页面中声明标签，即可使用。

说明 XCUI在使用Vue.use(xcui)后，会默认以x-前缀注册所有组件，在Vue实例中可直接使用而不用在components中声明。举例：

<x-button type="primary">start</x-button>

更多详细信息请见这里。

开发

Clone the repo

$ git clone [email protected]:wmfe/xcui.git

安装依赖

$ npm i

Run dev server

$ npm run dev

Build components

$ npm run build