chenhaodong / mew-iview

  <p align="center">
      <a href="https://www.iviewui.com">

          <img width="200" src="https://file.iviewui.com/logo.svg">

      </a>
  </p>

  # iView
  [![](https://img.shields.io/travis/iview/iview.svg?style=flat-square)](https://travis-ci.org/iview/iview)

  [![iView](https://img.shields.io/npm/v/iview.svg?style=flat-square)](https://www.npmjs.org/package/iview)
  [![NPM downloads](http://img.shields.io/npm/dm/iview.svg?style=flat-square)](https://npmjs.org/package/iview)
  [![NPM downloads](https://img.shields.io/npm/dt/iview.svg?style=flat-square)](https://npmjs.org/package/iview)
  ![JS gzip size](http://img.badgesize.io/https://unpkg.com/iview/dist/iview.min.js?compression=gzip&label=gzip%20size:%20JS&style=flat-square)
  ![CSS gzip size](http://img.badgesize.io/https://unpkg.com/iview/dist/styles/iview.css?compression=gzip&label=gzip%20size:%20CSS&style=flat-square)
  [![Join the chat at https://gitter.im/iview/iview](https://img.shields.io/badge/chat-on_gitter-30b392.svg?style=flat-square)](https://gitter.im/iview/iview?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)

  ### A high quality  UI Toolkit built on Vue.js.

  > This branch is for Vue.js 2.x
  >
  > [HERE](https://github.com/iview/iview/tree/master) is for Vue.js 1.x

  ## Docs
  

  ### [English (2.0)](https://www.iviewui.com)

  ### [中文文档 (2.0)](https://www.iviewui.com)

  [中文文档 (1.0)](http://v1.iviewui.com)

  ## Overview
  

  ### [Component Overview](https://www.iviewui.com/overview)

  
  ## Features
  

  - Dozens of useful and beautiful components.
  - Friendly API. It's made for people with all skill levels.

  - Extensive documentation and demos.

  - It is quite beautiful.

  - Supports Vue.js 2 and Vue.js 1.

  ## Install
  

  > Please install Webpack first

  We recommend you install project through [iView Cli](https://github.com/iview/iview-cli) Or [iview-project](https://github.com/iview/iview-project). You can also use [vue-cli](https://github.com/vuejs/vue-cli).

  
  ### Install iView
  

  using npm
  ```

  npm install iview --save

  ```
  Or using script tag for global use

  ```html

  <script type="text/javascript" src="iview.min.js"></script>

  <link rel="stylesheet" href="dist/styles/iview.css">

  ```
  

  More info [in the website](https://www.iviewui.com/docs/guide/install-en)
  

  ## Usage
  

  ```vue

  <template>

      <Slider v-model="value" range />

  </template>
  <script>

      export default {

          data () {
              return {
                  value: [20, 50]
              }
          }

      }
  </script>
  ```

  
  Using css via `import`:
  

  ```js
  import 'iview/dist/styles/iview.css';
  ```
  

  ## Compatibility
  
  - Support Vue.js 2.x
  - Support Vue.js 1.x [Visit 1.0 doc](http://v1.iviewui.com/)
  - Support SSR

  - Support [Nuxt.js](https://nuxtjs.org/)

  - [Electron](http://electron.atom.io/)
  - iView does not support IE8 or below since [Vue.js](https://vuejs.org/v2/guide/reactivity.html) is using Object.defineProperty which do not be supported by these browsers to track changes.

  ## Community
  
  If you want to contribute, have questions or bugs to report:
  
  **Questions:** you can find other users at [Gitter chat](https://gitter.im/iview/iview) or post on [StackOverflow using `[iview-ui]` tag](https://stackoverflow.com/questions/tagged/iview-ui)  
  **Bugs:** [file a issue here](https://github.com/iview/iview/issues) and please provide a example so we can help you better  
  **Contribute:** welcome to contact us in [Gitter chat](https://gitter.im/iview/iview), WeChat or via mail to `admin@aresn.com`. PRs welcome!

  ## Major Contributors

  |Name|Avatar|Name|Avatar|Name|Avatar|
  |---|---|---|---|---|---|
  |[Aresn](https://github.com/icarusion) |  ![](https://avatars3.githubusercontent.com/u/5370542?v=3&s=60)  |[jingsam](https://github.com/jingsam) |  ![](https://avatars3.githubusercontent.com/u/1522494?v=3&s=60)  | [rijn](https://github.com/rijn)       |  ![](https://avatars2.githubusercontent.com/u/6976367?v=3&s=60)  |
  |[lcx960324](https://github.com/lcx960324)           |  ![](https://avatars3.githubusercontent.com/u/9768245?v=3&s=60)  |[GITleonine1989](https://github.com/GITleonine1989) |  ![](https://avatars1.githubusercontent.com/u/7582490?v=3&s=60)  |[huixisheng](https://github.com/huixisheng)         |  ![](https://avatars1.githubusercontent.com/u/1518967?v=3&s=60)  |
  |[Sergio Crisostomo](https://github.com/SergioCrisostomo)           |  ![](https://avatars3.githubusercontent.com/u/5614559?v=3&s=60)  |

  ## Links
  

  - [TalkingData](https://github.com/TalkingData)

  - [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)

  ## License
  [MIT](http://opensource.org/licenses/MIT)
  

  Copyright (c) 2016-present, iView