VUE

基于 Vue.js 的高质量 UI 组件库iView

VUE UI组件库 HTML我帮您 4月前  次浏览

iView 是一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品。

基于 Vue.js 的高质量 UI 组件库iView

特性


  • 高质量、功能丰富
  • 友好的 API ,自由灵活地使用空间
  • 细致、漂亮的 UI
  • 事无巨细的文档
  • 可自定义主题

安装


使用 npm

$ npm install iview --save 

或使用 <script> 全局引用

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

示例


<template> <Slider v-model="value" range></Slider> </template> <script> export default {
        data () { return {
                value: [20, 50]
            }
        }
    } </script> 
  • Basic
    • Grid 栅格
    • Layout 布局
    • Color 色彩
    • Font 字体
    • Button 按钮
    • Icon 图标
  • Form
    • Input 输入框
    • Radio 单选框
    • Checkbox 多选框
    • Switch 开关
    • Table 表格
    • Select 选择器
    • Slider 滑块
    • DatePicker 日期选择器
    • TimePicker 时间选择器
    • Cascader 级联选择
    • Transfer 穿梭框
    • InputNumber 数字输入框
    • Rate 评分
    • Upload 上传
    • Form 表单
  • View
    • Alert 警告提示
    • Card 卡片
    • Message 全局提示
    • Notice 通知提醒
    • Modal 对话框
    • Progress 进度条
    • Badge 徽标数
    • Collapse 折叠面板
    • Timeline 时间轴
    • Tag 标签
    • Tooltip 文字提示
    • Poptip 气泡提示
    • Carousel 走马灯
    • Tree 树形控件
  • Navigation
    • Menu 导航菜单
    • Tabs 标签页
    • Dropdown 下拉菜单
    • Page 分页
    • Breadcrumb 面包屑
    • Steps 步骤条
    • LoadingBar 加载进度条
  • Chart
    • Circle 进度环
  • Other
    • Affix 图钉
    • BackTop 返回顶部
    • Spin 加载中

相关链接

发表评论