chenhaodong / mew-iview

README.md 2.66 KB

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

A high quality UI Components Library with Vue.js

This branch is for Vue 2.x

Docs

中文文档

English (Coming soon)

Programming

  • [x] Grid
  • [x] Layout
  • [x] Button
  • [x] Icon
  • [x] Input
  • [x] Radio
  • [x] Checkbox
  • [x] Switch
  • [x] Table
  • [x] Select
  • [x] Slider
  • [x] DatePicker
  • [x] TimePicker
  • [x] Cascader
  • [x] Transfer
  • [x] InputNumber
  • [x] Rate
  • [x] Upload
  • [x] Form
  • [x] Alert
  • [x] Card
  • [ ] Message
  • [ ] Notice
  • [ ] Modal
  • [x] Progress
  • [x] Badge
  • [x] Collapse
  • [x] Timeline
  • [x] Tag
  • [x] Tooltip
  • [x] Poptip
  • [x] Carousel
  • [x] Tree
  • [x] Menu
  • [x] Tabs
  • [x] Dropdown
  • [x] Page
  • [x] Breadcrumb
  • [x] Steps
  • [ ] LoadingBar
  • [x] Circle
  • [x] Affix
  • [x] BackTop
  • [x] Spin

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

Install

Install vue-webpack project in the first place

Use iview-project(Recommended) Or vue-cli

Install iView

using npm

npm install iview --save

Or using script tag for global use

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

Usage

<template>
    <Slider :value.sync="value" range></Slider>
</template>
<script>
    export default {
        data () {
            return {
                value: [20, 50]
            }
        }
    }
</script>

Use css

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

Browser Support

Normal browsers and Internet Explorer 9+.