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
|
|
|
|
|
2016-10-31 09:27:16 +08:00
|
|
|
|
# iView [](https://travis-ci.org/iview/iview) [](https://www.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) |  |
|
|
|
|
|
| [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)
|
|
|
|
|
|
|
|
|
|
Copyright (c) 2016-present, iView
|