Skip to content

wmfe/xcui

Repository files navigation

Downloads Version Licence

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 git@github.com:wmfe/xcui.git

安装依赖

$ npm i

Run dev server

$ npm run dev

Build components

$ npm run build