chenhaodong / mew-iview

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

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

      </a>
  </p>

  <h1>
  iView
      <h3>A high quality UI Toolkit built on Vue.js.</h3>
  </h1>
  

  [![](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)

  [![Backers on Open Collective](https://opencollective.com/iview/tiers/backer/badge.svg?label=backer&color=brightgreen)](#backers)

  [![Sponers on Open Collective](https://opencollective.com/iview/tiers/sponsor/badge.svg?label=sponsor&color=brightgreen)](#sponers)

  
  <h2 align="center">Special Sponsors</h2>
  <table>
        <tbody>
          <tr>
            <td align="center" valign="middle">
              <a href="https://segmentfault.com/ls/1650000016424063" target="_blank">

                <img width="300" src="https://file.iviewui.com/asd/asd-i-2.png">

              </a>
            </td>

            <td align="center" valign="middle">

              <a href="https://e.coding.net/?utm_source=iview" target="_blank">

                <img width="300" src="https://file.iviewui.com/asd/asd-coding3.png">

              </a>
            </td>

              <td align="center" valign="middle">

              <a href="https://cn.udacity.com/fend/?utm_source=iviewui&utm_medium=banner&utm_campaign=fend" target="_blank">
                <img width="300" src="https://file.iviewui.com/asd/asd-u-new-2.png">
              </a>
            </td>

          </tr>

        </tbody>
  </table>
  

  > If you'd like be a sponsor, to show your ads in GitHub and iView doc, please email admin@aresn.com to get more infomation.

  ## Docs
  

  **[3.x](https://www.iviewui.com)** | [2.x](http://v2.iviewui.com) | [1.x](http://v1.iviewui.com)

  ## Features
  

  - Dozens of useful and beautiful components.

  - Friendly API. It's made for people with any skill level.

  - Extensive documentation and demos.

  - It is quite beautiful.

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

  ## Who's using iView
  

  - [TalkingData 腾云天下](http://www.talkingdata.com/)

  - [Alibaba 阿里巴巴](http://www.alibaba.com/)
  - [Baidu 百度](https://www.baidu.com/)
  - [Tencent 腾讯](https://www.tencent.com/)
  - [Toutiao 今日头条](https://www.toutiao.com/)
  - [JD 京东](http://www.jd.com/)
  - [DiDi 滴滴](http://www.didichuxing.com/)
  - [Meituan 美团](http://www.meituan.com/)
  - [Sina 新浪](http://www.sina.com.cn/)

  - [iFLYTEK 科大讯飞](http://www.iflytek.com/)

  - [LY 同程艺龙](https://www.ly.com/)

  
  > If your company or products use iView, welcome to click [here](https://github.com/iview/iview/issues/2143) to leave a message.
  

  ## Install
  

  We provide an [iView plugin](https://github.com/iview/vue-cli-plugin-iview) for Vue CLI 3, which you can use to quickly build an iView-based project.

  We also provide a starter kit [iview-project](https://github.com/iview/iview-project) for you.

  
  ### Install iView
  

  Using npm:

  ```

  npm install iview --save

  ```

  
  Using a script tag for global use:

  ```html

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

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

  ```
  

  You can find more info [on 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
  

  - Supports Vue.js 2.x
  - Supports Vue.js 1.x - [visit 1.0 docs](http://v1.iviewui.com/)
  - Supports SSR
  - Supports [Nuxt.js](https://nuxtjs.org/)

  - Supports TypeScript

  - Supports [Electron](http://electron.atom.io/)

  - Most components and features support IE9 and above browsers, some components and features do not support IE

  ## Community
  

  If you want to contribute or have questions or bugs to report:

  **Questions:** Find other users at the [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) - please provide a example so we can help you better  
  **Contribute:** 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)  |  [lison16](https://github.com/lison16)           |  ![](https://avatars3.githubusercontent.com/u/20942571?v=3&s=60) |  [Xotic750](https://github.com/Xotic750)    | ![](https://avatars3.githubusercontent.com/u/216041?v=3&s=60)   | 

  [huanghong1125](https://github.com/huanghong1125) | ![](https://avatars3.githubusercontent.com/u/12794817?v=3&s=60) | [yangdan8](https://github.com/yangdan8) | ![](https://avatars2.githubusercontent.com/u/16515026?v=3&s=60) |

  ## Ecosystem Links

  - [iView Developer](https://dev.iviewui.com)
  - [iView Run](https://run.iviewui.com)

  - [iView-Admin](https://github.com/iview/iview-admin)

  - [iView-Loader](https://github.com/iview/iview-loader)

  - [iView-Plugin](https://github.com/iview/vue-cli-plugin-iview)

  - [iView-Area](https://github.com/iview/iview-area)

  - [iView-Editor](https://github.com/iview/iview-editor)

  ## Sponsors

  ![](https://opencollective.com/iview/tiers/sponsor.svg?avatarHeight=36)
  

  ## Backers
  ![](https://opencollective.com/iview/tiers/backer.svg?avatarHeight=36)
  

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

  Copyright (c) 2016-present, iView