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

先睹为快

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

github.com/iview/iview

官网是:

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 会持续输出高质量的组件,并后续推出自定义皮肤、套件的服务。

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

www.iviewui.com/docs/guide/…

组件截图

iView:一套基于Vue的高质量UI组件库相关推荐

  1. iView 3.3.0 发布,基于 Vue.js 的企业级 UI 组件库

    iView 3.3.0 发布了,代号 Transistor ,iView 是一套基于 Vue.js 的企业级 UI 组件库,主要服务于 PC 界面的中后台产品. 本次更新如下: https://www ...

  2. iView 3.4.0 发布,基于 Vue.js 的企业级 UI 组件库

    百度智能云 云生态狂欢季 热门云产品1折起>>>   iView 3.4.0 发布了,iView 是一套基于 Vue.js 的企业级 UI 组件库,主要服务于 PC 界面的中后台产品 ...

  3. Vue 3的高颜值UI组件库

    Vue 3.0 已经发布两年多的时间,今年 2 月 Vue 3.0 也正式成为新的默认版本.今天就来分享 7 个适用于 Vue 3 的高颜值 UI 组件库! Element Plus Element ...

  4. Mint UI —— 基于 Vue.js 的移动端组件库

    写文章登录 Mint UI -- 基于 Vue.js 的移动端组件库 杨奕 8 个月前 Mint UI GitHub:https://github.com/ElemeFE/mint-ui 项目主页:h ...

  5. 移动端cube界面设计html,滴滴开源基于 Vue.js 的移动端组件库 cube-ui

    原标题:滴滴开源基于 Vue.js 的移动端组件库 cube-ui 开源最前线(ID:OpenSourceTop) 猿妹 整编 综合自:https://didi.github.io/cube-ui/ ...

  6. vue中集成的ui组件库_Vue组件可使用Vault Flow通过Braintree集成PayPal付款

    vue中集成的ui组件库 Vue Braintree PayPal按钮 (Vue Braintree PayPal button) Vue component to integrate PayPal ...

  7. mint-ui(基于 Vue.js 的移动端组件库)

    1.引入文件 引入全部组件 import Vue from 'vue' import MintUI from 'mint-ui' import 'mint-ui/lib/style.css' impo ...

  8. 基于 Vue.js 的移动端组件库mint-ui实现无限滚动加载更多

    通过多次爬坑,发现了这些监听滚动来加载更多的组件的共同点, 因为这些加载更多的方法是绑定在需要加载更多的内容的元素上的, 所以是进入页面则直接触发一次,当监听到滚动事件之后,继续加载更多, 所以对于无 ...

  9. Vue UI 组件库大起底 element VS iview VS ...

    最近接触了几个开源项目,发现大家都在用iview框架,趁机整理一下自己接触过的几个基于Vue.js的UI组件库 Element,一套为开发者.设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库 ...

最新文章

  1. 为什么找不到Flash Builder 4.6 for Eclipse插件
  2. stocker模块量化交易分析
  3. [算法笔记]-环形链表Ⅱ-解题方法
  4. $.AjaxFileUpload is not a function
  5. python字典怎么设置_在python中设置字典中的属性
  6. rocketmq 有哪些监控工具_Kafka和RocketMQ底层存储之那些你不知道的事
  7. JSP自定义标签详解(1)
  8. Nginx的正则表达式
  9. MachineLearning Exercise 7 : K-means Clustering and Principle Component Analysis
  10. MongoDB的ObjectId生成原理
  11. HTML中行内元素与块级元素的区别:
  12. 如何搞定纸上代码环节?
  13. 二十三、常用的标签:见源码
  14. 查询结果取交集_MySQL Using intersect 交集
  15. 小米笔记本桌面计算机图标,小米笔记本桌面锁定怎么解除
  16. 数据中心服务器巡检方案,IDC机房巡检方案
  17. 我的web前端工作日志14------2020年度总结
  18. android 置灰不可点击,android 按钮置灰效果
  19. 如何通过图片定位位置
  20. 使用canvas实现对图片的翻转

热门文章

  1. CSS媒体查询 @media
  2. vue中如何使用i18n实现国际化
  3. 【JVM调优系列】----NewRatio与SurvivorRatio
  4. Swift中 !和 ?的区别及使用与Swift的Guard语句
  5. ios10中禁止用户缩放页面
  6. Sizeof与Strlen的区别与联系(转)
  7. DLT(DeepLearningTracker)学习与代码理解 (1)
  8. CSS那些事笔记(一入门)
  9. git同一项目使用多个远程仓库
  10. day4(css优先级)