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

相关文章
iview 3.x 升级指南 —— Icon 篇
iview 在今年 7 月 28 号发布了 3.0.0 版本,大版本升级往往意味着功能、接口的大变更。 虽然官网已经有长长的更新日志,但看起来还是有些抽象了, 所以我决定做个新旧版本的比较,盘点新版本到底为我们带来了什么新特性。 这是系列...
2018-08-01
vue2.0 + iview问题总结
vue + iview + webpack项目在ie浏览器中不能正常运行。 主要原因是代码中使用es6语法,在低版本浏览器中无法识别。 解决办法: (1)webpack不会编译static下的js文件,所以js文件不要写在static文件夹...
2018-07-28
iview 升级指南 —— Button 篇
iview 在今年 7 月 28 号发布了 3.0.0 版本,大版本升级往往意味着功能、接口的大变更。 虽然官网已经有长长的更新日志,但看起来还是有些抽象了, 所以我决定做个新旧版本的比较,盘点新版本到底为我们带来了什么新特性。 这一篇给...
2018-08-01
iview-admin webpack打包总结的几个问题
webpack小白,总结几条遇到的打包问题 1.开发代理服务器与上线接口调用的差别 开发时用devServer做代理 打包时要区分开生产环境跟开发环境即: 开发配置文件 webpack.dev.config.js 生产配置文件 webp...
2018-08-03
iviewer
iviewer是什么 什么是iviewer,jQuery.iviewer is an jQuery UI widget responsible for image view control with zoom control and a p...
2018-08-11
基于VueJS的render渲染函数打造一款非常强大的IView 的Table组件
1、render渲染函数的介绍 字符串模板的代替方案,允许你发挥 JavaScript 最大的编程能力。该渲染函数接收一个 createElement 方法作为第一个参数用来创建 VNode。 如果组件是一个函数组件,渲染函数还会接收一个额...
2018-08-11
iview 3.0.0 按需引入的bug
iview 3.0.0 按需引入的bug 官网教程 https://www.iviewui.com/docs/… 简单易懂 按照官网撸完会再在我们的项目中引入你需要的组件(比如button),会发现报如下错: Cannot read pr...
2018-08-15
使用iview的Table组件实现合并列demo
iview的Table组件表头分组 iview的Table组件表头分组 需求说明 最终呈现的效果 问题 表头有重复的key,数据如何匹配 实现合并列——需要修改Table组件来实现 1、合并表头 根据iview提供的demo可以看...
2018-08-15
回到顶部