找软件用软件,到华军软件宝库!
您的位置:华军软件宝库>下载分类>看图软件>图形图像>PC软件>

iView

iView

iView 3.0 官方版

  • 版  本:3.0 官方版
  • 软件授权:共享软件
  • 软件大小:1.04M
  • 软件语言:英文
  • 应用平台:Win9x/Me/NT/2000/XP/2003
  • 更新时间:2022-07-14
基本简介
iView

iView官方版是一套基于Vue.js的高质量UI组件库。iView最新版主要服务于PC界面的中后台产品,并且基于npm + webpack + babel开发,拥有友善的API,能够让用户在使用时具有更加灵活的操作。iView软件拥有传统的Vue组件化开发模式,可以帮助用户更高效的进行开发设计。

iView软件介绍

      iview是一款功能非常全面的电脑中后台UI源码编程工具,友善的API应用程序编程接口,帮助开发人员访问列程更快捷,支持警告提示、全局提示、通知提醒、问题提示、气泡提示、时间轴、树形控件等高质量的丰富功能,全面辅助用户使用过程。

iView软件功能

      高质量、功能丰富

      友好的 API ,自由灵活地使用空间

      细致、漂亮的 UI

      事无巨细的文档

      可自定义主题

iView软件说明

      iview

      执行npm install iview --save 在项目中引入iview

      引入 iView #

      一般在 webpack 入口页面 main.js 中如下配置:

      import iView from 'iview'

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

      //导入样式

      Vue.config.productionTip = false

      Vue.use(iView)

      在非 template/render 模式下(例如使用 cdn 引用时),组件名要分隔,例如 DatePicker 必须要写成 date-picker。

      以下组件,在非 template/render 模式下,需要加前缀 i-:

      Button: i-button

      Col: i-col

      Table: i-table

      Input: i-input

      Form: i-form

      Menu: i-menu

      Select: i-select

      Option: i-option

      progress: i-progress

      以下组件,在所有模式下,必须加前缀 i-,除非使用 iview-loader:

      Switch: i-switch

      Circle: i-circle

      2.因为iView 的所有组件文案默认使用的是中文,通过设置可以使用其它语言。

      在 Webpack 中使用 #

      完整引入 iView

      import Vue from 'vue';

      import iView from 'iview';

      import locale from 'iview/dist/locale/en-US';

      3.

      iView Loader

      用途 #

      统一 iView 标签书写规范,所有标签都可以使用首字母大写的形式,包括 Vue 限制的两个标签 Switch 和 Circle。

      虽然不推荐,但通过 loader 选项配置,可以开启所有标签前缀的写法了,比如 i-date-picker。

      安装 #

      首先通过 npm 安装 iview-loader

      npm install iview-loader --save-dev

      4.栅格

      采用了24栅格系统,将区域进行24等分

      使用row在水平方向创建一行

      将一组col插入在row中

      在每个col中,键入自己的内容

      通过设置col的span参数,指定跨越的范围,其范围是1到24

      每个row中的col总和应该为24

      水平排列的布局。

      col必须放在row里面。

      使用报错:

      Parsing ERROR: x-invalid-end-tag :

      问题原因

      iView将标签渲染为原生html标签时,由于这些标签是自闭合的,所以有end标签会报错。

      解决方案

      修改配置文件,忽略该项检查:

      根目录下 - .eslintrc.js - rules

      添加一行:

      'vue/no-parsing-error': [2, { "x-invalid-end-tag": false }]

      重启dev: npm run dev

      组件概述 #

      Layout:布局容器,其下可嵌套 headersidercontentFooter或 Layout 本身,可以放在任何父容器中。

      Header:顶部布局,自带默认样式,其下可嵌套任何元素,只能放在 Layout 中。

      Sider:侧边栏,自带默认样式及基本功能,其下可嵌套任何元素,只能放在 Layout 中。

      Content:内容部分,自带默认样式,其下可嵌套任何元素,只能放在 Layout 中。

      Footer:底部布局,自带默认样式,其下可嵌套任何元素,只能放在 Layout 中。

iView更新日志

      1.细节更出众!

      2.BUG去无踪

华军小编推荐:

强烈推荐下载iView,谁用谁知道,反正小编我已经用了。此外,{recommendWords}也是不错的软件,欢迎点击下载体验!

软件截图
  • iView
iView下载地址
网友评论
网名:
(您的评论需要经过审核才能显示)
  • 置顶 51网友 11-12-19 15:50:05
    iView很好用,谢谢啦!!
  • 置顶 51网友 12-08-19 23:20:50
    iView超级棒!点一亿个赞!!!
  • 置顶 51网友 15-05-23 13:07:43
    iView希望可以越做越好,加油!
  • 置顶 51网友 19-10-14 00:39:29
    iView方便实用,很给力,软件非常好用!
  • 置顶 51网友 15-03-16 02:05:25
    下载iView中,真心不错!!!
  • 置顶 51网友 22-01-23 11:48:49
    iView下载之后安装很简单,按照安装步骤指导来非常顺利。使用也很方便。
  • 7楼 51网友 12-10-15 06:30:06
    iView真好用,安装运行很流畅,挺你,
  • 8楼 51网友 12-04-14 07:14:00
    iView方便,一目了然,安装非常简单,真棒!!
  • 9楼 51网友 11-07-27 14:32:21
    iView很好很棒棒哦!!!
  • 10楼 51网友 08-04-13 13:01:12
    iView功能全面,使用也挺方便的,大力推荐!
关闭 剩余5广告
重播×