iview2 升级 iview3

版本升级背景

iview 版本迭代 (截至 2018-08-24

  • V 3.0.1 2018-08-22
  • V 3.0.0 2018-07-28
    V 3.0.1 主要修复了 V 3.0.0 的一些 bug,不影响版本正常升级。

版本升级要素

Button

  • 废弃 type ghost,原先的 default 样式有改变。 不兼容
  • 新增属性 custom-icon,支持自定义图标。
  • 新增属性 to、replace、target,支持点击直接跳转。
  • 新增幽灵属性 ghost,可以使按钮背景透明,常用于有色背景上。

Icon

  • Icon 的图标升级至 ionicons 3.0 图标,图标名称有改变。不兼容
  • 新增属性 custom,支持自定义图标。
  • 新增属性 target。
  • Breadcrumb 废弃 href 属性。不兼容
  • 在链接上会显示 a 标签的 href 值。

Badge

  • Badge 的 count 属性只支持 Number 类型。不兼容
  • 新增属性 show-zero。
  • 新增属性 text,可以自定义内容。
  • 新增属性 status,可以设置徽标为状态点。
  • 新增属性 offset,可以设置偏移量。
  • 新增属性 type,可以设置预设的颜色

Tag

  • Tag 的 color 属性将原先的 blur、green、yellow、red 更名为了 primary、success、warning、error。不兼容
  • color 属性新增了 13 种预设。

Input

  • 新增属性 prefix 和 suffix 以及同名 slot,支持设置前缀和后缀图标。
  • 新增属性 search 和 enterButton,支持搜索类型的输入框。
  • 新增事件 @on-search,使用搜索类型输入框时,点击搜索或按下回车键时触发。
  • 新增全屏属性 fullscreen。
  • 新增隐藏遮罩层属性 mask。
  • 新增拖拽属性 draggable。

Table

  • Column 新增属性 indexMethod, 可以自定义 type=”index” 时的序号。
  • Column 新增属性 tooltip,开启后,当单元格文本超过一行,会以…显示,并在 Tooltip 中显示完整内容。
  • 优化 type=”selection” 时,Checkbox 为居中。
  • 新增属性 to、replace、target,支持点击直接跳转。

Badge 徽章

  • 新增属性 show-zero。
  • 新增属性 text,可以自定义内容。
  • 新增属性 status,可以设置徽标为状态点。
  • 新增属性 offset,可以设置偏移量。
  • 新增属性 type,可以设置预设的颜色。

Page 分页

  • 新增属性 prev-text 和 next-text,可以自定义上下页的文案。
  • 优化快进和快退的逻辑

Upload 上传

  • 新增属性 paste,开启后可以上传复制在剪贴板的文件。

Tooltip 文字提示

  • 新增属性 theme,可以设置 dark(默认)或 light 两种主题。
  • 新增属性 max-width,超出最大值后,文本将自动换行,并两端对齐。

Poptip 气泡提示

  • 新增属性 word-wrap,开启后,超出指定宽度文本将自动换行,并两端对齐。
  • 新增属性 padding,可以自定义间距值。

Rate 评分

  • 新增属性 character、icon 和 custom-icon,支持自定义字符或图标。

Collapse 折叠面板

  • 新增属性 hide-arrow,可以隐藏箭头。
  • 新增属性 simple,可以显示为无边框的简洁模式。

Switch 开关

  • 新增属性 loading,可表示开关仍在执行中
  • 触发方式 trigger 新增 contextMenu,可以通过点击右键触发。

Circle 进度环

  • 新增仪表盘属性 dashboard。

Progress 进度条

  • 新增分段进度属性 success-percent。

Avatar 头像

  • 新增自定义图标属性 custom-icon。

Progress 进度条

  • 新增分段进度属性 success-percent。

Progress 进度条

  • 新增分段进度属性 success-percent。
-------------The End-------------
0%