2016-09-24 22:43:55 +08:00
< p align = "center" >
< a href = "https://www.iviewui.com" >
< img width = "200" src = "https://raw.githubusercontent.com/iview/iview/master/assets/logo.png" >
< / a >
< / p >
2016-09-16 22:10:02 +08:00
2017-06-02 18:41:07 +08:00
# iView
[](https://travis-ci.org/iview/iview)
2017-06-02 18:40:15 +08:00
[](https://www.npmjs.org/package/iview)
[](https://npmjs.org/package/iview)
[](https://npmjs.org/package/iview)


[](https://gitter.im/iview/iview?utm_source=badge& utm_medium=badge& utm_campaign=pr-badge& utm_content=badge)
2016-10-31 01:21:53 +00:00
2017-03-28 09:04:57 +08:00
### A high quality UI Toolkit built on Vue.js.
2016-09-16 22:10:02 +08:00
2017-03-09 23:01:55 +08:00
> This branch is for Vue.js 2.x
>
> [HERE](https://github.com/iview/iview/tree/master) is for Vue.js 1.x
2017-01-19 09:39:41 -06:00
2016-09-16 22:10:02 +08:00
## Docs
2017-03-28 09:04:57 +08:00
### [中文文档 (2.0)](https://www.iviewui.com)
### [中文文档 (1.0)](http://v1.iviewui.com)
### [English (2.0)](https://www.iviewui.com)(Working)
2016-09-16 22:10:02 +08:00
2016-09-24 22:43:55 +08:00
## Overview
### [组件概览( Component Overview) ](https://www.iviewui.com/overview)
## Features
- High quality and rich functions
- Friendly APIs,free and flexible
2016-12-15 09:39:00 +08:00
- Great Documentation
- It is quite beautiful
2017-03-10 07:48:51 +08:00
- Support Vue.js 2 and Vue.js 1
2016-12-15 09:39:00 +08:00
- Based on npm + webpack + babel, using ES2015
2016-09-24 22:43:55 +08:00
2017-03-09 23:01:55 +08:00
## Programming
2017-03-09 23:02:37 +08:00

2017-03-09 23:01:55 +08:00
2016-09-24 22:43:55 +08:00
## Install
2017-03-03 21:05:30 +08:00
### Install vue-webpack project in the first place
2016-09-24 22:43:55 +08:00
2016-11-14 14:31:00 +08:00
Use [iview-project ](https://github.com/iview/iview-project )(Recommended) Or [vue-cli ](https://github.com/vuejs/vue-cli )
2016-09-24 22:43:55 +08:00
### Install iView
2016-11-14 14:35:56 +08:00
using npm
```
2016-09-24 22:43:55 +08:00
npm install iview --save
2016-11-14 14:35:56 +08:00
```
Or using script tag for global use
2017-03-28 09:04:57 +08:00
```html
2016-11-14 14:31:00 +08:00
< script type = "text/javascript" src = "iview.min.js" > < / script >
2016-09-24 22:43:55 +08:00
```
## Usage
```html
< template >
2017-03-09 23:01:55 +08:00
< Slider v-model = "value" range > < / Slider >
2016-09-24 22:43:55 +08:00
< / template >
< script >
export default {
2016-11-14 14:31:00 +08:00
data () {
return {
value: [20, 50]
}
}
2016-09-24 22:43:55 +08:00
}
< / script >
```
Use css
```js
import 'iview/dist/styles/iview.css';
```
## Browser Support
Normal browsers and Internet Explorer 9+.
2017-03-21 17:15:03 +08:00
## Major Contributors
|Name |Avatar |
|---|---|
| [Aresn ](https://github.com/icarusion ) |  |
| [jingsam ](https://github.com/jingsam ) |  |
| [rijn ](https://github.com/rijn ) |  |
2017-06-03 22:37:37 +08:00
| [lcx960324 ](https://github.com/lcx960324 ) |  |
2017-03-21 17:15:03 +08:00
| [GITleonine1989 ](https://github.com/GITleonine1989 ) |  |
| [huixisheng ](https://github.com/huixisheng ) |  |
2017-03-28 09:04:57 +08:00
2016-09-24 22:43:55 +08:00
## Links
2017-02-22 14:35:15 +08:00
- [TalkingData ](https://github.com/TalkingData )
2016-09-24 22:43:55 +08:00
- [Vue ](https://github.com/vuejs/vue )
- [Webpack ](https://github.com/webpack/webpack )
- [ionicons ](https://github.com/driftyco/ionicons )
- [Ant Design ](https://github.com/ant-design/ant-design )
2017-03-14 10:47:02 +08:00
2017-03-16 10:49:01 +08:00
## License
[MIT ](http://opensource.org/licenses/MIT )
2017-05-11 16:09:43 +08:00
Copyright (c) 2016-present, iView