# vue-zui

**Repository Path**: emaiqi/vue-zui

## Basic Information

- **Project Name**: vue-zui
- **Description**: 基于Vue.js实现的移动UI组件库
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: http://area.oschina.io/vue-zui
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 37
- **Created**: 2016-07-25
- **Last Updated**: 2020-12-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vui

## 移动端UI框架，基于Vue.js实现。



### vui 组件库

button

![输入图片说明](http://git.oschina.net/uploads/images/2016/0722/175716_5ce4b70c_331468.png "在这里输入图片标题")

buttonGroup

radio

![输入图片说明](http://git.oschina.net/uploads/images/2016/0722/175738_d5373667_331468.png "在这里输入图片标题")

radioGroup

checkbox

![输入图片说明](http://git.oschina.net/uploads/images/2016/0722/175757_c890aa46_331468.png "在这里输入图片标题")

checkboxGroup

**Toast(new)**

![输入图片说明](http://git.oschina.net/uploads/images/2016/0722/175816_87661742_331468.png "在这里输入图片标题")

**MessageActions(new)**

![输入图片说明](http://git.oschina.net/uploads/images/2016/0722/175838_80ffec4a_331468.png "在这里输入图片标题")

MessageAlert

![输入图片说明](http://git.oschina.net/uploads/images/2016/0722/175850_5fed4f0a_331468.png "在这里输入图片标题")

MessageConfirm

![输入图片说明](http://git.oschina.net/uploads/images/2016/0722/175903_b2d72c9a_331468.png "在这里输入图片标题")

MessageLoading

![输入图片说明](http://git.oschina.net/uploads/images/2016/0722/175916_dd9d4a70_331468.png "在这里输入图片标题")

Switch

![输入图片说明](http://git.oschina.net/uploads/images/2016/0722/175930_2243f386_331468.png "在这里输入图片标题")

**DatePicker(new)**

![输入图片说明](http://git.oschina.net/uploads/images/2016/0722/175947_c0fa22c9_331468.png "在这里输入图片标题")

**CitySelect(new)**

![输入图片说明](http://git.oschina.net/uploads/images/2016/0722/180002_f8f210ee_331468.png "在这里输入图片标题")

**Calendar(new)**

![输入图片说明](http://git.oschina.net/uploads/images/2016/0722/180020_f1cdd48c_331468.png "在这里输入图片标题")

**Validator(new)**

![输入图片说明](http://git.oschina.net/uploads/images/2016/0722/180038_1b227343_331468.png "在这里输入图片标题")

### vui待开发组件

table

list

refresh

swiper

slider

upload

popup

alert

tip



## Browser

### module 
	
### vui.min.js:

	module.exports={
		"Button":require("./button/button.vue"),
		"ButtonGroup":require("./button/buttongroup.vue"),
		"CheckBox":require("./checkbox/checkbox.vue"),
		"CheckBoxGroup":require("./checkbox/checkboxgroup.vue"),
		"Radio":require("./radio/radio.vue"),
		"RadioGroup":require("./radio/radiogroup.vue"),
		"Switch":require("./switch/switch.vue"),
		"DatePicker":require("./datePicker/datePicker.vue"),
		"CitySelect":require("./select/citySelect/index.vue"),
		"Calendar":require("./calendar/calendar.vue"),
		"Mask":require("./mask/mask.vue"),
		"MessageAlert":require("./message/alert.vue"),
		"MessageConfirm":require("./message/confirm.vue"),
		"MessageLoading":require("./message/loading.vue"),
		"MessageActions":require("./message/actions.vue")
	}

## CommonJS

	<city-select :visible="isCityVisible" @change="changeCity" @close="closeCity"></city-select>

	import citySelect from "vue-zui/src/components/select/citySelect/"
	
	new Vue({
		el:"#app",
		components:{
			citySelect:citySelect
		}
	});

## Webpack build

``` bash
# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build