27f0d894
梁灏
update readme
|
1
2
3
4
5
|
<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>
|
c1cfacb2
梁灏
update readme
|
6
|
|
b6af9572
Aresn
add gitter.im
|
7
|
# 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)
|
ecd50b8f
The Gitter Badger
Add Gitter badge
|
8
|
|
27f0d894
梁灏
update readme
|
9
|
### A high quality UI Components Library with Vue.js
|
c1cfacb2
梁灏
update readme
|
10
11
12
|
## Docs
|
9dde24b6
梁灏
add LoadingBar co...
|
13
|
### [中文文档](https://www.iviewui.com)
|
c1cfacb2
梁灏
update readme
|
14
|
|
27f0d894
梁灏
update readme
|
15
16
17
18
19
20
|
## Overview
### [组件概览(Component Overview)](https://www.iviewui.com/overview)
## Features
|
27f0d894
梁灏
update readme
|
21
22
|
- High quality and rich functions
- Friendly APIs,free and flexible
|
10f622ac
梁灏
update issue desc
|
23
24
25
26
|
- Great Documentation
- It is quite beautiful
- Using .vue file development mode
- Based on npm + webpack + babel, using ES2015
|
27f0d894
梁灏
update readme
|
27
|
|
c1cfacb2
梁灏
update readme
|
28
29
30
31
|
## Programming

|
27f0d894
梁灏
update readme
|
32
33
34
35
|
## Install
### Install vue-webpack project in the first place
|
e48950bd
梁灏
update readme
|
36
|
Use [iview-project](https://github.com/iview/iview-project)(Recommended) Or [vue-cli](https://github.com/vuejs/vue-cli)
|
27f0d894
梁灏
update readme
|
37
38
39
|
### Install iView
|
2218620b
Aresn
Update README.md
|
40
41
|
using npm
```
|
27f0d894
梁灏
update readme
|
42
|
npm install iview --save
|
2218620b
Aresn
Update README.md
|
43
44
45
|
```
Or using script tag for global use
```
|
e48950bd
梁灏
update readme
|
46
|
<script type="text/javascript" src="iview.min.js"></script>
|
27f0d894
梁灏
update readme
|
47
48
49
50
|
```
## Usage
|
27f0d894
梁灏
update readme
|
51
52
|
```html
<template>
|
e48950bd
梁灏
update readme
|
53
|
<Slider :value.sync="value" range></Slider>
|
27f0d894
梁灏
update readme
|
54
55
|
</template>
<script>
|
27f0d894
梁灏
update readme
|
56
|
export default {
|
e48950bd
梁灏
update readme
|
57
58
59
60
61
|
data () {
return {
value: [20, 50]
}
}
|
27f0d894
梁灏
update readme
|
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
|
}
</script>
```
Use css
```js
import 'iview/dist/styles/iview.css';
```
## Browser Support
Normal browsers and Internet Explorer 9+.
## Links
- [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)
|
6b5c459c
梁灏
💰To become donors
|
81
82
83
84
|
## Donation
iView is an MIT licensed open source project and completely free to use, but if it is helpful to you, you can buy me a coffee :)
<p align="center">
|
86b4da54
梁灏
💰To become donors
|
85
|
<img src="https://raw.githubusercontent.com/iview/iview/master/assets/pay.png">
|
6b5c459c
梁灏
💰To become donors
|
86
87
|
</p>
|
6b62c0e0
Aresn
update readme
|
88
|
# We have been in developing, please pay attention to the iView.
|