关于vue.js:View-UI-Plus-发布-130-版本新增-SpaceImagePreview-组件

View UI Plus 1.3.0 版本已于 2022-06-21 公布。

更新日志

请到官网 www.iviewui.com 查看最新版。

• 新增间距组件 Space。
• ImagePreview 新增下载图片性能。
• ImagePreview 新增属性 toolbar，可抉择开启的快捷性能并排序。
• 图片预览反对 $ImagePreview 实例化调用。
• ImagePreview 新增拖拽手势款式。
• Skeleton 默认款式，减少最初一个段落成果。
• Result 属性 type 新增 warning。
• 优化大量文档示例。
• 修复 Select 近程搜寻的问题。
• 修复 ImagePreview 点击管制条敞开预览的问题。
• 修复 Layout 款式问题。
• 修复局部组件 types 谬误的问题。

更新办法

1. 批改 package.json 中 view-ui-plus 版本号：

 "dependencies": {"view-ui-plus": "^1.3.0"}

2. 运行 npm update view-ui-plus。

内容简介

Space 间距组件

间距组件能够很不便地设置相邻组件之间的对立间距。比方上面的场景，在没有应用 Space 间距组件时的成果是：

<Button> 在线预览 </Button>
<Button> 购买受权 </Button>
<Button> 申请演示 </Button>

PC 端：

挪动端：

应用 Space 组件：

<Space wrap>
  <Button> 在线预览 </Button>
  <Button> 购买受权 </Button>
  <Button> 申请演示 </Button>
</Space>

PC 端：

挪动端：

Space 组件也反对 垂直方向 的排列：

<Space wrap direction="vertical">
  <Button> 在线预览 </Button>
  <Button> 购买受权 </Button>
  <Button> 申请演示 </Button>
</Space>

还反对各种对齐形式：

$ImagePreview 实例化的图片预览组件

在 1.2.0 版本中，新增了图片预览组件 ImagePreview。在 1.3.0 中，除了传统的 <ImagePreview /> 标签调用形式，当初也反对 JS 实例化调用：

methods: {showImage () {
    this.$ImagePreview.show({previewList: [...]
    })
  }
}

另外，ImagePreview 也新增了 下载图片 性能：

图片预览也新增了属性 toolbar 来抉择显示哪些快捷性能，并反对排序，具体能够查看文档 API。

更多残缺内容，请到 View Design 官网查看：https://www.iviewui.com/