精华内容
下载资源
问答
  • iview文档
    千次阅读
    2019-07-11 11:29:41

    可同时参考iView文档:

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

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

    https://www.iviewui.com/components/icon

    1.安装iView

    项目下:$ npm install iview --save

    安装到node_modules

    *:--save 和 --save-dev等命令区别:NPM install -save 和 -save-dev 傻傻分不清

    2.入口文件main.js

    // iview文档示例:https://www.iviewui.com/docs/guide/start
    import Vue from 'vue'
    import App from './App.vue'
    import iView from 'iview'
    import 'iview/dist/styles/iview.css'
    
    Vue.config.productionTip = false
    
    new Vue({
      render: h => h(App)
    }).$mount('#app')
    
    Vue.use(iView);

    3.Main.vue/自己新建的vue文件

    <template>
        <div>
            <!-- iView文档示例:https://www.iviewui.com/docs/guide/install -->
            <Button @click="show">Click me!</Button>
            <Modal v-model="visible" title="Welcome">Welcome to iView</Modal>
    
            <!-- iView文档示例:https://www.iviewui.com/components/icon -->
            <Icon type="ios-checkmark" />
        </div>
    </template>
    
    <script>
        import {Modal,Button,Icon} from 'iview'
    
        // iView文档示例:https://www.iviewui.com/docs/guide/install
        export default {
            name: "Main",
            data: function () {
                return {
                    visible: false
                };
            },
            methods: {
                show: function () {
                    this.visible = true;
                }
            },
            // 注意名字别写错
            components:{
                Modal,
                Button,
                Icon
            }
        }
    </script>
    
    <style scoped>
    
    </style>

    4.HelloWorld.vue文件

    <template>
      <div id="app">
        <img src="./assets/logo.png">
        <HelloWorld msg="Welcome to Your Vue.js App"/>
        <Main/>
      </div>
    </template><script>
    import HelloWorld from './components/HelloWorld.vue'
    import Main from "./common/Main";
    
    
    export default {
      name: 'app',
      components: {
        HelloWorld,
        Main
      }
    }
    </script>

    5.运行

    更多相关内容
  • iview 技术文档.pdf

    2021-08-12 09:47:20
    前端iview技术文档分享 #资源达人分享计划 # 技术文档
  • iview本地文档.zip

    2020-01-02 10:25:24
    iview的离线文档,官方文档的内容可以下载到本地,没有网络也可以用来作为开发参考。
  • iview本地文档

    2018-10-22 15:28:04
    iview本地文档,在没有网络较差或者没有网络的情况下没有障碍的阅读iview文档,保证开发顺利
  • 前段时间在微软参加活动,分享了 TalkingData 开源的基于 Vue.js 的高效 UI 组件库 iView 的一些开发经验,现整理成文,和大家探讨。关于 iView开发历程和命名TalkingData 可视化团队使用 Vue 有半年多时间,经历了...

    前段时间在微软参加活动,分享了 TalkingData 开源的基于 Vue.js 的高效 UI 组件库 iView 的一些开发经验,现整理成文,和大家探讨。

    8544b0917ca7

    关于 iView

    开发历程和命名

    TalkingData 可视化团队使用 Vue 有半年多时间,经历了从开始简单的使用双向绑定,到后来完全依赖 Vue 全家桶和 Webpack 的演变过程。这套开发模式验证了多个大中型项目,开发效率有了显著了提升,工作流也从半自动进化到了开发、灰度、生成环境的全自动,可以说 Vue 还是给我们带来了很愉快的开发体验。

    随着组件化的不断深入,对组件的复用和维护成了一个问题,于是开始调研市面上的 UI 组件库,发现基于 Vue 的大多是移动端的,而针对 PC 中后台的,能像阿里 Ant.Design(基于React.js) 那样功能丰富而且高质量的,没有看中一款,要么就是不维护了,要么就是功能太简单,质量不够高。所以我们决定自己开发维护一套高质量的 UI 组件库。确定好这个目标,规划好1.x版本后,就开始这条不归路,最近三个多月一直投身于 iView 的开发。

    至于起 iView 这个名字,其实也没多想,以 Apple 的产品命名加上 Vue 的发音,简单好记好读,同时 GitHub 还没有注册这个组织名(就为了这些,也得把它做成一个精品😂)。

    使用场景

    iView 主要适合大中型中后台产品,比如某产品的运营平台、数据监控平台、管理平台等,从工程配置、到样式布局,甚至后面规划的业务套件,是一整套的解决方案,所以它可能不太适合一些 to C 的产品,比如 QQ空间 这类的。

    面向的开发者

    iView 当然主要的面向对象是有过 Vue 组件化开发经验的前端工程师了,但同时对偏后端的工程师也很友好,因为我们提供好了环境配置和丰富的文档教程,即使对于像写 Java 从未接触过 Vue 开发的同学,在一周内也能很快上手,而且基于这套解决方案开发的产品是非常高效的SPA。

    版本及兼容

    目前 iView 可以直接通过 npm 安装,很快将发布一个重要版本 0.9.7,在这个版本中,我们对大部分组件的 UI 进行了调整和优化,也丰富了很多组件的功能。

    由于 Vue 本身原因(这里不展开),iView 只能兼容到 IE 9+,表现最好的是 Chrome、Safari、Firefox,有些功能和动画不能在 IE 下得到兼容。这也和使用场景有关,一般 to B 的产品,我们可以要求客户去使用高级浏览器。

    iView 特点

    基于 npm + webpack + babel + ES2015

    友好的 API

    事无巨细的文档

    高质量、功能丰富

    因为 iView 目前是在 webpack 下使用的,所以你可以使用 webpack 丰富的插件和个性化配置。iView 也是使用了 ES2015 开发。

    iView 一个最大的特点,就是我们从使用者和场景出发来设计 API,这点后面会重点讲到。它的文档也是相当详细,每个功能都配有详细说明和实例代码,直接复制就可以使用,我们也计划在明年启动英文文档翻译计划。

    在开发组件时,我们阅读了很多已有组件库的代码,取长补短,实现代码的高质量。

    目前进度

    8544b0917ca7

    iView 计划在2017年初能够发布1.0版本,1.0将覆盖40+常用 UI 组件,包含 Form表单类,View视图类,Navigation导航类,Base基础布局类,Chart图表类等。图中打勾的是已经完成并上线的组件。

    24栅格系统

    iView 借鉴了 Bootstrap 和 Ant.Design 的栅格系统,支持每行最多容纳 24 列的布局,栅格系统对高级浏览器支持 Flex布局,包括 Flex对齐、Flex排列、Flex顺序,也支持栅格的排序、偏移、间隔。友好栅格系统对页面的拆分布局起到了关键作用,你可能不用再写任何布局代码就可以轻松使用栅格完成你的需求,而且它很精准。

    精心设计的 API

    我们在组件 API 的设计上下了很多功夫。很多开发者在实现一个组件时,可能从编程的难易出发思考问题,而忽略了这种设计是否对使用者友好,iView 则一切以使用者为核心,我们会思考这样设计是否对使用者便利,或者如果是我用这个组件,我希望怎样来用。举个栗子,常见的页面信息提示,JavaScript 原生是window.alert('something'),但是用 Vue 来模拟出这样一个组件,那使用方法就像是something。对的,这就是 Vue 组件的实现方法,但是,我们真的期望这样使用吗,当然不是,我们也想像原生一样,在某个时刻,一句话就能弹出来,而不用事先埋在 HTML 里,用一个 if 条件判断是否显示这个组件。

    为了更形象的介绍 iView 的 API 设计,我们拿出了一个常用的组件 Modal 模态对话框,和饿了么的 Element 及 Radon UI 这两个组件库进行对比。一般的 Modal 长这样:

    8544b0917ca7

    有标题栏(header)、关闭按钮、正文(body)、底部(footer)操作按钮,点击灰色遮罩层或键盘 Esc 键可以关闭对话框。

    8544b0917ca7

    从组件的调用方式上,Element 用的是传统组件的使用方法,也就是通过一个自定义 HTML 标签,Radon UI 是实例的方法,iView 同时支持组件和实例两种方法(这里解释一下,Element 也有支持实例调用对话框的组件,是另一个 Dialog,不过目前是分成两个组件使用的)。

    自定义 slot 让组件复用性成为了可能。Element 支持body、footer的 slot,Radon UI 只支持body,iView 是支持 header、footer、body(其实还有关闭按钮也支持)的slot,几乎满足了所有 Modal 自定义需求。

    有时候我们点击确定按钮,不一样要立即关闭对话框,而是异步的获取数据,在某个时刻关闭。Element 需要自己实现这个功能,Radon UI 则不支持,iView 是原生支持,只需要一个属性配置即可。

    在更多的自定义配置上,iView 也是最大化的进行支持(详细API可查阅文档)。

    事无巨细的文档

    iView 在文档编写上也是做到了事无巨细(由于文档用了一套相对重的方案来实现实例和代码的友好分离,故目前没有将文档开源,我们会在明年实现一个更好地提交文档bug及翻译的方案),每个组件的每个功能都有非常详细的说明,包括像哪些参数需要.sync使用,一些隐藏的功能、可能遇到的坑等等,同时每个 demo 都有完整的代码示例,一键复制,粘贴后就可以直接看到效果。

    API 也按照 props、events、slot 三部分拆分,避免混合说明遗漏和阅读不便利。

    iView 的文档是目前所有同类文档里最为详细的,也受到了很多开发者的好评,所以我们仍会在文档开发的工作上保持高产出。

    高质量,功能丰富

    其实前文已经从各方面介绍了 iView 的高质量和丰富的功能,所以就举两个例子吧。

    分页组件 Page:

    8544b0917ca7

    分页组件从功能上借鉴了 Ant.Design,支持智能折叠页码(页码过多时,会左右折叠)、页码快进(点击···会快进或快退5页)、切换每页显示条数、电梯,同时还有迷你模式(支持所以普通模式的功能)和简介模式。

    选择器组件 Select

    8544b0917ca7

    与浏览器原生不同的是,首先 UI 统一而且很好看,这是大部分模拟 select 的主要原因,其次功能更加强大,支持单选、多选,键盘的快捷操作,还支持搜索、自定义模板、分组,以及大中小三种尺寸(iView 很多表单类组件都提供了不同的尺寸),在单选时还可以清空选项。

    配套工程

    最后要说的是与 iView 配套的工作流(https://github.com/icarusion/vue-vueRouter-webpack),好马配好鞍,这套工作流支撑了 TalkingData 很多大型产品,从开发、灰度到上线都可以一键式完成,包括资源的 CDN 配置等等,不管你是新手还是老司机,都可以从它开始开发。当然 iView 也是支持 vue-cli 的。

    Todo

    iView 目前是基于 Vue.js 1.0的,我们会在将来新开一个分支来支持 Vue 2.0,我们也认为 2.0 是未来的趋势。

    iView 很快会支持不依赖 webpack 的 umd 使用方法。

    目前的 UI 是以 Ant.Design 为雏形,我们在 0.9.7 版本开始逐步优化和替代,使 iView 不仅好用,还很好看。

    iView 明年会启动英文文档翻译计划,也希望喜欢和支持 iView ,同时英语不错的同学可以加入我们,一起参与翻译。

    后记

    iView 从正式发布1个月内,获得了很多好评,连续5天进入 GitHub Trending,在很多社区反响不错,我们也会继续努力,把最好的 iView 组件库呈现给大家。我们也非常期望喜欢 iView 的开发者能够加入我们,一起贡献代码或是翻译文档,我们欢迎各种形式的代码贡献。如果您有想法加入翻译计划,可以邮件联系我:admin@aresn.com

    展开全文
  • 2020-03-03自己整理出来的最新官方iview4.0+版教程离线版,供大家参考学习.......................................
  • iview-admin2.3.0 技术文档,让你快速开发使用iview-admin
  • 这一块是iview文档并未贴出来的。通过查看源码,发现可通过$refs去调用post函数实现上传功能。 主要代码: // 重点在于ref,点击上传调用uploadFile函数的时候是通过ref去调用post方法达到上传文件目的的
  • vue+Iview+gulp 生成文档说明,方便团队共享及时信息,访问链接地址https://www.cnblogs.com/linsu/p/10730447.html
  • iview

    2021-03-10 21:56:06
    Laravel是一个具有表达力,优雅语法的Web应用程序框架。...可以在上找到该框架的文档。 贡献 感谢您考虑为Laravel框架做出贡献! 可以在找到贡献指南。 执照 Laravel框架是根据获得许可的开源软件
  • iview-admin开发文档

    2021-06-13 17:32:25
    # iview-admin简介iview-admin是iview生态圈的成员之一。是一套基于 Vue.js,搭配ivew UI([https://www.iviewui.com/](https://www.iviewui.com/))组件库形成的后台集成解决方案。# 环境Windows+Node.js +git# 项目...

    # iview-admin简介

    iview-admin是iview生态圈的成员之一。是一套基于 Vue.js,搭配ivew UI([https://www.iviewui.com/](https://www.iviewui.com/)) 组件库形成的后台集成解决方案。

    # 环境

    Windows+Node.js +git

    # 项目启动

    ## 下载代码

    在GitHub上下载iview-admin代码

    git clone https://github.com/iview/iview-admin.git -b 2.0

    ![](https://img.kancloud.cn/86/f2/86f2c47c9a98231f6ec75ee9e73b2373_491x130.png)

    ## 安装依赖

    找到文件所在位置

    ![](https://img.kancloud.cn/e1/25/e125ae3058b465c0e551c3796f508a07_532x150.png)

    进入项目根目录 cd iview-admin

    安装依赖 npm install

    ## 运行项目

    运行项目 npm run dev

    项目运行完成浏览器会自动打开网页,进入登录页面。如图

    ![](https://img.kancloud.cn/ee/45/ee45b9729e0fd4c3dfae536f4725de95_1268x587.png)

    # 目录结构

    ![](https://img.kancloud.cn/9a/9c/9a9c8c0c0e1716bbd6920c02dfe24162_520x312.png)

    项目运行成功,我们可以添加自己的模块,下面我们进行如下操作,新建页面、配置路由。

    # 新建页面(以行李查询为例)

    ## 说明:

    在index.html处有个id="app"的div,在App.vue中也有一个id="app" 的div。页面渲染的就是这个组件。

    ![](https://img.kancloud.cn/37/0b/370b960eea55c0af053da5a350a49ec3_918x576.png)

    在App.vue中有个router-view标签,默认在这渲染当路由为"/"指向的组件,所以要设置路由。

    ![](https://img.kancloud.cn/9c/12/9c1229ba90146b2be5a5531ec74352e1_694x203.png)

    ## 步骤

    ### 在src/views下面新建文件夹luggage

    ### 在luggage文件夹下新建luggage.vue luggage.js 和 luggage.css 文件

    ![](https://img.kancloud.cn/70/c8/70c856cc4b8518f016089d6ae8b9e554_431x270.png)

    这里我们就创建好了一个组件即新的页面。它的页面路径为 src/views/luggage。这个路径将在后面的路由配置中用到。要想在浏览器上展示,接下来我们就要进行路由的配置

    # 路由配置

    说明:首先我们要看vue-router插件是否下载(一般项目npm install的时候会自动下载vue-router插件)

    ![](https://img.kancloud.cn/c2/7c/c27c9bb0a4a11fe17891eaab022393b2_1086x417.png)

    如果没有下载,用下面的命令进行下载

    npm install --save vue-router

    之后在src/router/index下看有没有引入路由

    ![](https://img.kancloud.cn/cc/2b/cc2bbb409e22cd2e206efc4aea521af9_913x382.png)

    ## 引入成功,开始使用插件

    ![](https://img.kancloud.cn/39/44/3944e470954fb50994c0311ada8595bb_942x400.png)

    ## 生成router实例

    ![](https://img.kancloud.cn/84/83/8483f3793175d9844c5ccecd8efb69e6_958x444.png)

    这里的routers是从同级目录下的routers.js引入的。routers.js这个文件是定义路由的文件。下面以行李查询为例进行定义路由

    ![](https://img.kancloud.cn/a8/87/a887ea729c7ae54a2971e64e29b780ea_922x521.png)

    这是上面新建的页面路径我们已经配置到了路由里面,vue会自动匹配改视图在页面做出响应。

    这里定义了路由,同时要在zh-CN.js下面配置菜单的中文title

    ![](https://img.kancloud.cn/7e/65/7e6538db47ceae4133222934ce2d3f44_1246x552.png)

    ## 在src/main.js中把路由实例传给vue根组件

    ![](https://img.kancloud.cn/4c/3a/4c3ab392902183e1c329ecc7eca03f48_720x510.png)

    这样应用就启动了。在左侧菜单就形成了我们配置的路由

    ![](https://img.kancloud.cn/dd/df/dddf3465e69272397add81a53af2cec5_1366x628.png)

    # 配置页面详解

    在结构层进行页面布局,在行为层进行数据渲染

    ## 页面布局使用iview插件

    同路由一样。我们要先看是否下载iview插件

    ![](https://img.kancloud.cn/fa/5e/fa5e3ff7a15b7572f3566642fafb9c25_743x465.png)

    要是没有下载,用如下命令进行下载

    npm install iview@1.0.1 --save

    下载之后,在src/main.js引入iview插件

    ![](https://img.kancloud.cn/14/f7/14f74bff2585a3fd4ab305535301845f_1067x493.png)

    引入成功之后,我们就可在任意页面使用iview插件组件。组件的引用具体看文档

    [http://v1.iviewui.com/](http://v1.iviewui.com/)

    下面我们做一个行李查询项目,包括旅客列表,旅客关联的行程、行李信息

    这些页面展示都放在结构层,标签里面。注:此标签下面紧接着是一个div标签,如图

    ![](https://img.kancloud.cn/b3/ab/b3ab7143e143bf084f910a616c4365d1_876x461.png)

    这个功能,页面整体有三部分。条件查询表单、旅客列表表格、旅客关联抽屉。用到的iview组件有form表单、table表格、drawer抽屉。具体参数配置看iview文档

    ![](https://img.kancloud.cn/d0/95/d0950d83b045ba5d8319ea73cc625cda_1059x529.png)

    页面效果如图

    ![](https://img.kancloud.cn/a9/96/a99652ab8c6a2a1a1ee2994e825b6a26_1361x550.png)

    下面以table表格为例。展示页面与后台交互,首先我们要在vue文件中引入js文件

    ![](https://img.kancloud.cn/87/1c/871cccfb1e5bcc5a91d67e5f68d0373c_1124x546.png)

    ## 页面布局

    直接引用iview的table组件

    ![](https://img.kancloud.cn/97/db/97dba96d3c0defc4121a2fbd3436e3fe_1144x489.png)

    我们看一下iview的table组件的参数配置

    ![](https://img.kancloud.cn/06/6e/066e7e7ed5f4785aaaadd69d0b43bb72_935x212.png)

    ## 初始化数据

    ![](https://img.kancloud.cn/71/d4/71d4bbc8a52b267e6318d4600283021a_548x303.png)

    ![](https://img.kancloud.cn/1c/26/1c263f5280d4578fe631cfe31faba84a_613x596.png)

    ## 行为层数据获取

    ### 配置请求链接

    ![](https://img.kancloud.cn/ac/e8/ace808bbf38469bcfb00015b485de3be_1297x563.png)

    配置完成之后。我们将方法暴露出来。方便给组件引用

    ![](https://img.kancloud.cn/c9/cf/c9cf3e80ac7e7b7ab4a1fc0b58b4c9c2_871x227.png)

    ### 在页面js文件中引入接口方法

    ![](https://img.kancloud.cn/5a/80/5a8032f8000a9c4e69128b77f0bdaa3d_1109x380.png)

    ### 方法中调用接口

    ![](https://img.kancloud.cn/02/28/02287c345ad1cb1ab9e28aa6162999e1_725x413.png)

    ### 数据赋值

    此时将调用后端返回的数组数据赋值给了table表格的data数组

    ![](https://img.kancloud.cn/0f/93/0f93c54d3b525c27e750fd2b990314d0_596x249.png)

    页面刚开始加载就要将数据渲染出来,所以要在mounted钩子函数中调用获取旅客列表函数

    ![](https://img.kancloud.cn/7b/a8/7ba869a61c258324ac02262e77473238_1048x574.png)

    这时页面里面的表格就渲染出来了

    ![](https://img.kancloud.cn/28/af/28afa7787fa30819cf711a20380e9580_1340x407.png)

    展开全文
  • iView Admin

    2021-03-19 09:16:25
    iView admin 是基于 Vue.js,搭配使用 iView UI 组件库形成的一套后台集成解决方案简介iView admin 是基于 Vue.js,搭配使用iViewUI 组件库形成的一套后台集成解决方案,由 TalkingData 前端可视化团队部分成员开发...

    iView admin 是基于 Vue.js,搭配使用 iView UI 组件库形成的一套后台集成解决方案

    简介

    iView admin 是基于 Vue.js,搭配使用 iView UI 组件库形成的一套后台集成解决方案,由 TalkingData 前端可视化团队部分成员开发维护。iView admin 遵守 iView 设计和开发约定,风格统一,设计考究,并且更多功能在不停开发中。

    功能登录/登出

    权限管理列表过滤

    权限切换

    组件富文本编辑器

    Markdown编辑器

    可拖拽列表

    文件上传

    数字渐变

    表单编辑文章发布

    工作流

    表格导出为Csv文件

    导出为Xls文件

    行内编辑

    单元格编辑

    可拖拽排序

    可编辑表格

    表格导出数据

    表格转图片

    错误页面401页面

    404页面

    500页面

    换肤

    收缩侧边栏

    tag标签导航

    面包屑导航

    全屏/退出全屏

    锁屏

    消息中心

    个人中心

    文件结构.

    ├── dist

    │   ├── langs    TinyMCE富文本编辑器语言包

    │   ├── plugins    TinyMCE富文本编辑器组件

    │   ├── skins    TinyMCE富文本编辑器皮肤

    │   └── themes    TinyMCE富文本编辑器主题

    └── src

    ├── config    项目配置

    ├── images    图片文件

    ├── libs    工具方法

    ├── styles    样式文件

    ├── template    ejs模板

    └── views    视图组件

    ├── access    权限管理

    ├── error_page    错误页面

    ├── form    表单

    │   ├── article-publish    文章发布

    │   └── work-flow    工作流

    ├── home    首页

    ├── main_components    主框架

    ├── message    消息中心

    ├── my_components    组件

    │   ├── count-to    数字渐变

    │   ├── draggable-list    可拖拽列表

    │   ├── file-upload    文件上传

    │   ├── markdown-editor    markdown编辑器

    │   └── text-editer    富文本编辑器

    ├── own-space    个人中心

    ├── screen-shorts    锁屏

    └── tables    表格

    Links

    效果展示登录

    e8fe4cc9583db96c7ee790b0929478c7.gif标签导航

    8ffa2f227516754ec1c7a3eed3a90254.png权限管理

    b29d7f68d42db91a4d7ea400fac1612b.gif

    更多页面效果展示请查看。

    展开全文
  • iview 点击按钮下载文件

    千次阅读 2020-11-30 14:31:25
    日常业务中会出现文件下载的需求,但是我们在下载图片,等浏览器能识别的文件时,不是下载而是在网页打开,即使在a链接中添加download属性也是不行的。经过实践,下面的方法可以解决 click: (el) =>...
  • iview-2.0.zip

    2021-12-19 17:36:22
    iview-2.0.zip
  • 组件之间有父子的组织关系的话,要看清api的触发主体 ...但是iview特意表明了一个on-click,这种连字符写法的event,是特殊了,我一开始以为就是普通的onclick,发现并无法获取到返回值,试了@click,也无法获取到。
  • iview.min.js官方4.7.0版本
  • 树形组件:支持selected选中状态(单/多),checkbox选择框,拖拽功能,增、删、改功能,双击展开、箭头展开收起功能,全部展开、收起功能,自定义图标、按钮、辅助信息等。
  • iview 文件的上传和下载

    千次阅读 2020-08-27 16:06:30
    一:直接用iview的upload 1.1上传 1.html //action: 上传的地址,必填 //data: 上传时附带的额外参数 //on-success: 文件上传成功时的钩子,返回字段为 response, file, fileList 上传 2.js //上传成功 ...
  • iview2Demo.zip

    2020-04-14 15:03:04
    iview2Demo.zip,iview2Demo,iview2Demo.iml,index.html,.postcssrc.js,src,router,index.js,main.js,components,common,index.vue,login.vue,less,index.less,about.vue,page,form.vue,markdown-viewer.vue,markdown...
  • iView-cli 可视化CLI,用于搭建iView项目和iView的脱机文档。 产品特点 视觉效果 简单配置 同时支持Mac和Windows 很漂亮 屏幕截图 执照 版权所有(c)2016年至今,TalkingData
  • iView侧边栏(Sider)宽度修改

    千次阅读 2020-05-11 15:32:59
    2、可以在元素的行内标签设置修改,不能在样式表中修改,原因是iview的默认样式设置在了element.style中。要对element.style中的设置复写,就只能采用行内标签方式。 element.style中的设置 所以,综上,在...
  • 4) 事无巨细的文档 5) 可自定义主题 2、iView的安装: 1) 使用npm: npm install --save iview 2) CDN引入: <link rel="stylesheet" href="css/iview.css" rel="external nofollow" > [removed]...
  • vue-iview2.0.zip

    2018-01-16 09:52:12
    iview工程框架安装webstorm, node 打开工程,执行npm install,然后执行命令npm run dev
  • 2.手动上传,根据官方文档 设置:before-upload =”handleUpload”等于false (1).:before-upload 是 iview Upload 上传组件的一个属性 设置返回值为 false 可以阻止默认上传方式(自动上传模式) (2).handleUpload 是...
  • 今天想要分享的是iview table render集成switch开关修改table表格的值,看文档记得看2.0的,不注意打开就成1.0然后用上了一直没有效果又没有找出原因。给出的只是一种写法思路,具体自己集成。 一、效果如下 即是...
  • 基于 Vue 的 UI 组件库现在已经有很多了,尤其是移动端的。现在又多了一个 iViewiView 主要服务于 PC 界面的中后台... 详细、友好的文档,事无巨细 最近做一个后台系统用的功能 总结下遇见的问题 功能需求点 上
  • 前端 UI 组件库层出不穷,版本更新又是你追我赶,查看官方文档网站是前端工程师日常行为,如果开发机无法连接互联网就会非常不方便(CTRL+C / CTRL+V 已然不香 ????)。 为了能够在内网查询 UI 组件库文档,我将...
  • 我们在用Vue做前端时,经常会用到iView的UI控件,比如说日期选择器就是比较常用的。官方文档都提供了源码,但未提供设置默认值的代码。...本文档就是说明怎么在使用iView 的DatePicker控件时自己设置想要的默认值。
  • iView Weapp 提供了与 iView 一致的 UI 和尽可能相同的接口名称,大幅度降低了学习成本,是一套一套高质量的微信小程序 UI 组件库。 使用步骤 1:首先在github上面下载组件库代码 github 2:下载之后解压 可以...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 4,608
精华内容 1,843
关键字:

iview文档