View UI Plus released version 1.3.0, adding Space and $ImagePreview components

View UI Plus version 1.3.0 was released on 2022-06-21.

Changelog

Please go to the official website www.iviewui.com to check the latest version.

• Added space component Space.
• ImagePreview adds the function of downloading pictures.
• ImagePreview adds a new attribute toolbar, which allows you to select and sort the enabled shortcut functions.
• Image preview supports $ImagePreview instantiation calls.
• Added drag gesture style to ImagePreview.
• Skeleton default style, adding last paragraph effect.
• Result attribute type added warning.
• Optimize a large number of documentation examples.
• Fix Select remote search issue.
• Fix ImagePreview clicking the control bar to close the preview.
• Fix Layout style issues.
• Fix the problem that some components have the wrong type.

update method

1. Modified package.json medium view-ui-plus version number:

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

2. Run npm update view-ui-plus .

brief introduction

Space Spacing Components

Spacing components make it easy to set uniform spacing between adjacent components. For example, in the following scenario, the effect when the Space spacing component is not used is:

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

PC side:

Mobile:

Using the Space component:

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

PC side:

Mobile:

The Space component also supports the arrangement of 垂直方向 :

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

Various alignments are also supported:

$ImagePreview instantiated image preview component

In the 1.2.0 version, the image preview component ImagePreview is added. In 1.3.0 , in addition to the traditional <ImagePreview /> label calling method, JS instantiation calls are also supported:

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

In addition, ImagePreview also added 下载图片 function:

The image preview also adds a new attribute toolbar to choose which shortcut functions to display and support sorting, you can check the documentation API for details.

For more complete content, please visit the View Design official website: https://www.iviewui.com/