iview

2018-05-16 admin

iview是什么

什么是iview,A high quality UI components Library with Vue.js

iview介绍

iViewNPM downloadsNPM downloadsJS gzip sizeCSS gzip sizeJoin the chat at https://gitter.im/iview/iview

A high quality UI Toolkit built on Vue.js.

This branch is for Vue.js 2.x.

The branch for Vue.js 1.x can be found here.

Docs

中文文档 (1.0)

Overview

Features

  • Dozens of useful and beautiful components.
  • Friendly API. It’s made for people with any skill level.
  • Extensive documentation and demos.
  • It is quite beautiful.
  • Supports both Vue.js 2 and Vue.js 1.

Who’s using iView

If your company or products use iView, welcome to click here to leave a message.

Install

Please install Webpack first!

We recommend you create your project through iView Cli or iview-project. You can also use vue-cli.

Install iView

Using npm:

npm install iview --save

Using a script tag for global use:

<script type="text/javascript" src="iview.min.js"></script>
<link rel="stylesheet" href="dist/styles/iview.css">

You can find more info on the website.

Usage

<template>
    <Slider v-model="value" range />
</template>
<script>
    export default {
        data () {
            return {
                value: [20, 50]
            }
        }
    }
</script>

Using css via import:

import 'iview/dist/styles/iview.css';

Compatibility

  • Supports Vue.js 2.x
  • Supports Vue.js 1.x - visit 1.0 docs
  • Supports SSR
  • Supports Nuxt.js
  • Supports Electron
  • iView does not support IE8 or below since Vue.js uses Object.defineProperty to track changes which is not supported by these browsers.

Community

If you want to contribute or have questions or bugs to report:

Questions: Find other users at the Gitter chat or post on StackOverflow using [iview-ui] tag Bugs: File a issue here - please provide a example so we can help you better Contribute: Contact us in Gitter chat, WeChat or via mail to admin@aresn.com. PRs welcome!

Major Contributors

Links

License

MIT

Copyright © 2016-present, iView

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。

转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]

本文地址:https://www.javascriptcn.com/read-32358.html

文章标题:iview

相关文章
vue2.0 + iview问题总结
vue + iview + webpack项目在ie浏览器中不能正常运行。 主要原因是代码中使用es6语法,在低版本浏览器中无法识别。 解决办法: (1)webpack不会编译static下的js文件,所以js文件不要写在static文件夹...
2018-07-28
使用 nuxt+iview-admin+koa2 开发项目
公司最近在做的一个项目,依然是采用熟悉的vue开发,数据平台因为其数据量大的特点,采用传统的spa模式,首页加载时间很长,而SSR这种方式对于首屏的加载时间优化显而易见,同时还可以方便的进行SEO。因此借机学习Nuxt.js框架(文档详细,...
2018-06-21
Ffast-FE基于vue iview后台管理系统前端快速开发解决方案
Github地址 https://github.com/ZhiYiDai/F… 欢迎点个star Ffast-FE 基于vue iview后台管理系统前端快速开发解决方案 安装 # install dependencies npm inst...
2018-06-08
iviewer
iviewer是什么 什么是iviewer,jQuery.iviewer is an jQuery UI widget responsible for image view control with zoom control and a p...
2018-08-11
iview 和 Elemet UI 源码比较
(近期给自己立了个小flag,读源码,每周至少读1篇源码) 下面来谈谈iview 和 Elemet UI 这两个基于Vue 的UI 框架源码的基本结构以及区别。 一、文件结构 开发主要放在根文件夹下的src下: 1\. ivew 文件结构 ...
2018-07-19
基于VueJS的render渲染函数打造一款非常强大的IView 的Table组件
1、render渲染函数的介绍 字符串模板的代替方案,允许你发挥 JavaScript 最大的编程能力。该渲染函数接收一个 createElement 方法作为第一个参数用来创建 VNode。 如果组件是一个函数组件,渲染函数还会接收一个额...
2018-08-11
vue+iview 实现可编辑表格
先简单说明一下,这个Demo引入的vue,iview的方式是标签引入的,没有用到webpack之类的构建工具… 毕竟公司还在用angularjs+jq. 这也是我第一次写文章,大家看看思路就行了,要是有大佬指点指点就更好了 话不多说,先来个...
2018-10-31
Iview时间选择器(datepicker)按格式需求返回数据的方法
其实并不复杂,首先在datepicker组件按自身需求定义format属性,属性表如下: 具体请浏览 https://www.iviewui.com/compo… 例如我们需要如下格式的时间数据返回: 2018-06-16 19:44:5...
2018-06-16
Vue iview-admin框架二级菜单改为三级菜单
最近在用 iview-admin的Vue后台模板,从git上下载后发现左侧导航栏最多支持到二级菜单,也发现很多童鞋在问如何实现三级菜单。在实际的应用场景中还是会出现三级菜单的需求的,木有其他好办法,只能自己手动改代码了。 1. 第一步:首先...
2018-07-03
iView 发布微信小程序 UI 组件库 iView Weapp
末尾有彩蛋。 过去的两年里,iView 开源项目已经帮助成千上万的开发者快速完成网站开发,大幅度提高了开发效率,成为 Vue.js 生态里重要的一部分。 与此同时,我们也在思考,除了服务 PC Web,iView 还能提供什么。可能是...
2018-06-11
回到顶部