全局配置

使用 iView 3 时，可以进行全局配置组件的一些属性。

组件会优先使用 prop 设置的属性，如果未设置，再使用全局配置。

  • transfer：所有带浮层的组件，是否将浮层放置在 body 内，默认为不设置，详见各组件默认的 transfer 值。可选值为 true 或 false。

  • size：所有带有 size 属性的组件的尺寸，默认为不设置，详见各组件默认的 size 值。可选值为 default、small 或 large。
    以下属性需升级 iView 至 3.4.0 以上版本：

  • select.arrow：Select 下拉箭头图标

  • select.customArrow：Select 自定义下拉箭头图标
  • select.arrowSize：Select 下拉箭头尺寸
  • cell.arrow：Cell 右侧箭头图标
  • cell.customArrow：Cell 自定义右侧箭头图标
  • cell.arrowSize：Cell 右侧箭头尺寸
  • menu.arrow：Menu 下拉箭头图标
  • menu.customArrow：Menu 自定义下拉箭头图标
  • menu.arrowSize：Menu 下拉箭头尺寸
  • tree.arrow：Tree 下拉箭头图标
  • tree.customArrow：Tree 自定义下拉箭头图标
  • tree.arrowSize：Tree 下拉箭头尺寸
  • cascader.arrow：Cascader 下拉箭头图标
  • cascader.customArrow：Cascader 自定义下拉箭头图标
  • cascader.arrowSize：Cascader 下拉箭头尺寸
  • cascader.itemArrow：Cascader 右侧箭头图标
  • cascader.customItemArrow：Cascader 自定义右侧箭头图标
  • cascader.itemArrowSize：Cascader 右侧箭头尺寸
  • colorPicker.arrow：ColorPicker 下拉箭头图标
  • colorPicker.customArrow：ColorPicker 自定义下拉箭头图标
  • colorPicker.arrowSize：ColorPicker 下拉箭头尺寸
  • datePicker.icon：DatePicker 日期图标
  • datePicker.customIcon：DatePicker 自定义日期图标
  • datePicker.iconSize：DatePicker 日期图标尺寸
  • timePicker.icon：TimePicker 时间图标
  • timePicker.customIcon：TimePicker 自定义时间图标
  • timePicker.iconSize：TimePicker 时间图标尺寸
  • tabs.closeIcon：Tabs 关闭图标
  • tabs.customCloseIcon：Tabs 自定义关闭图标
  • tabs.closeIconSize：Tabs 关闭图标尺寸
  • modal.maskClosable：Modal 的 maskClosable 属性
    用法如下：
  1. Vue.use(iView, {
  2.     transfer: true,
  3.     size: 'large',
  4.     select: {
  5.         arrow: 'md-arrow-dropdown',
  6.         arrowSize: 20
  7.     }
  8. });