iView:一套基于 Vue 的高质量 UI 组件库

发布时间:2019-05-27 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了iView:一套基于 Vue 的高质量 UI 组件库脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

图片描述

基于Vue的UI组件库现在已经有很多了,尤其是移动端的。现在又多了一个 iView 。

先睹为快

iView 主要服务于PC界面的中后台业务,是一套高质量的开UI组件库,先上地址:

https://github.com/iview/iview

官网是:

https://www.iviewui.com/

特性

  • 使用单文件的Vue组件化开发模式

  • 基于 npm + webpack + babel 开发,支持 ES2015

  • 高质量、功能丰富

  • 友好的 API ,自由灵活地使用空间

  • 详细、友好的文档,事无巨细

计划

目前版本是 npm v0.9.2,下图为1.x的计划:
图片描述

使用

安装

$ npm install iview --save
示例(分页组件)

<template>

<Page :current="1" :total="100"></Page>

</template>
<script>

import { Page } From 'iview';
export default {
    components: { Page }
}

</script>
使用css

import 'iview/dist/styles/iview.css';
效果:

iView:一套基于 Vue 的高质量 UI 组件库

后续计划

iView 会持续输出高质量的组件,并后续推出自定义皮肤、套件的服务。

如果您想贡献代码,请 fork 后提交 PR,开发规范见:

https://www.iviewui.com/docs/...

组件截图

iView:一套基于 Vue 的高质量 UI 组件库

脚本宝典总结

以上是脚本宝典为你收集整理的iView:一套基于 Vue 的高质量 UI 组件库全部内容,希望文章能够帮你解决iView:一套基于 Vue 的高质量 UI 组件库所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。