iView

A high quality UI Toolkit built on Vue.js 2.0

iview/iviewiview.talkingdata.comiview

README


iView  undefined iView NPM downloads Join the chat at https://gitter.im/iview/iview


A high quality  UI Components Library with Vue.js


iView works only with Vue 1.0 currently. We have been in developing. English document is coming soon. Please pay attention to the iView.


Docs


中文文档

English (Coming soon)


Overview


组件概览（Component Overview）


Features


- High quality and rich functions
- Friendly APIs,free and flexible
- Great Documentation
- It is quite beautiful
- Using .vue file development mode
- Based on npm + webpack + babel, using ES2015

Programming


iView

Install


Install vue-webpack project in the first place


Use iview-project(Recommended) Or vue-cli

Install iView


using npm
  1. ```
  2. npm install iview --save
  3. ```
Or using script tag for global use
  1. ```
  2. <script type="text/javascript" src="iview.min.js"></script>
  3. ```

Usage


  1. ```html
  2. <template>
  3.     <Slider :value.sync="value" range></Slider>
  4. </template>
  5. <script>
  6.     export default {
  7.         data () {
  8.             return {
  9.                 value: [20, 50]
  10.             }
  11.         }
  12.     }
  13. </script>
  14. ```
Use css
  1. ```js
  2. import 'iview/dist/styles/iview.css';
  3. ```

Browser Support


Normal browsers and Internet Explorer 9+.

Links


- TalkingData
- Vue
- Webpack
- ionicons
- Ant Design