Commit 27f0d89417ea02a3f5e00e7017d44df6382477c7
1 parent
45b672ca
update readme
update readme
Showing
3 changed files
with
73 additions
and
3 deletions
Show diff stats
README.md
| 1 | -# iView | |
| 1 | +<p align="center"> | |
| 2 | + <a href="https://www.iviewui.com"> | |
| 3 | + <img width="200" src="https://raw.githubusercontent.com/iview/iview/master/assets/logo.png"> | |
| 4 | + </a> | |
| 5 | +</p> | |
| 2 | 6 | |
| 3 | -### A high quality UI components Library with Vue.js | |
| 7 | +# iView (https://www.npmjs.org/package/iview) | |
| 8 | + | |
| 9 | +### A high quality UI Components Library with Vue.js | |
| 4 | 10 | |
| 5 | 11 | ## Docs |
| 6 | 12 | |
| 7 | 13 | ### [中文文档](https://www.iviewui.com) |
| 8 | 14 | |
| 15 | +## Overview | |
| 16 | + | |
| 17 | +### [组件概览（Component Overview）](https://www.iviewui.com/overview) | |
| 18 | + | |
| 19 | +## Features | |
| 20 | + | |
| 21 | +- Using .vue file development mode | |
| 22 | +- Based on npm + webpack + babel, support ES2015 | |
| 23 | +- High quality and rich functions | |
| 24 | +- Friendly APIs,free and flexible | |
| 25 | + | |
| 9 | 26 | ## Programming |
| 10 | 27 | |
| 11 | 28 |  |
| 12 | 29 | |
| 30 | +## Install | |
| 31 | + | |
| 32 | +### Install vue-webpack project in the first place | |
| 33 | + | |
| 34 | +Use [vue-vueRouter-webpack](https://github.com/icarusion/vue-vueRouter-webpack)(Recommended) Or [vue-cli](https://github.com/vuejs/vue-cli) | |
| 35 | + | |
| 36 | +### Install iView | |
| 37 | + | |
| 38 | +```bash | |
| 39 | +npm install iview --save | |
| 40 | +``` | |
| 41 | + | |
| 42 | +### Babel support for iView in webpack | |
| 43 | +```js | |
| 44 | +module: { | |
| 45 | + loaders: [ | |
| 46 | + { test: /iview\/.*?js$/, loader: 'babel' }, | |
| 47 | + { test: /\.js$/, loader: 'babel', exclude: /node_modules/ } | |
| 48 | + ] | |
| 49 | +} | |
| 50 | +``` | |
| 51 | + | |
| 52 | +## Usage | |
| 53 | + | |
| 54 | +Use component as required | |
| 55 | + | |
| 56 | +```html | |
| 57 | +<template> | |
| 58 | + <Page :current="1" :total="100"></Page> | |
| 59 | +</template> | |
| 60 | +<script> | |
| 61 | + import { Page } from 'iview'; | |
| 62 | + export default { | |
| 63 | + components: { Page } | |
| 64 | + } | |
| 65 | +</script> | |
| 66 | +``` | |
| 67 | +Use css | |
| 68 | +```js | |
| 69 | +import 'iview/dist/styles/iview.css'; | |
| 70 | +``` | |
| 71 | + | |
| 72 | +## Browser Support | |
| 73 | + | |
| 74 | +Normal browsers and Internet Explorer 9+. | |
| 75 | + | |
| 76 | +## Links | |
| 77 | + | |
| 78 | +- [Vue](https://github.com/vuejs/vue) | |
| 79 | +- [Webpack](https://github.com/webpack/webpack) | |
| 80 | +- [ionicons](https://github.com/driftyco/ionicons) | |
| 81 | +- [Ant Design](https://github.com/ant-design/ant-design) | |
| 82 | + | |
| 13 | 83 | # We have been in developing, please pay attention to the iView. |
| 14 | 84 | \ No newline at end of file | ... | ... |
3.8 KB