other / 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
  • [ ] Layout
  • [x] Button
  • [x] Icon
  • [x] Input
  • [x] Radio
  • [x] Checkbox
  • [x] Switch
  • [ ] Table
  • [ ] Select
  • [ ] Slider
  • [ ] DatePicker
  • [ ] TimePicker
  • [ ] Cascader
  • [ ] Transfer
  • [ ] InputNumber
  • [ ] Rate
  • [ ] Upload
  • [ ] Form
  • [ ] Alert
  • [ ] Card
  • [ ] Message
  • [ ] Notice
  • [ ] Modal
  • [ ] Progress
  • [ ] Badge
  • [ ] Collapse
  • [x] Timeline
  • [ ] Tag
  • [ ] Tooltip
  • [ ] Poptip
  • [ ] Carousel
  • [ ] Tree
  • [ ] Menu
  • [ ] Tabs
  • [ ] Dropdown
  • [ ] Page
  • [ ] Breadcrumb
  • [x] Steps
  • [ ] LoadingBar
  • [ ] Circle
  • [x] Affix
  • [ ] BackTop
  • [ ] 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+.