View UI plus released version 1.3.0, adding space and $imagepreview components

View UI Plus 1.3.0 The version is on 2022-06-21 Release .

Update log

Please go to the official website www.iviewui.com Check out the latest version of .

• New spacing component Space.
• ImagePreview Add the function of downloading pictures .
• ImagePreview New properties toolbar, You can select the shortcut functions you want to open and sort them .
• Picture preview support $ImagePreview Instantiation call .
• ImagePreview New drag gesture style .
• Skeleton Default style , Add last paragraph effect .
• Result attribute type newly added warning.
• Optimize a large number of document examples .
• Repair Select Remote search problems .
• Repair ImagePreview Click the control bar to close the preview question .
• Repair Layout The styling .
• Repair some components types Wrong question .

Update method

1. modify package.json in view-ui-plus Version number ：

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

2. function npm update view-ui-plus.

Content abstract

Space Spacing component

The spacing component can easily set the uniform spacing between adjacent components . For example, the following scene , Before use Space The effect of spacing components is ：

<Button> The online preview </Button>
<Button> Purchase authorization </Button>
<Button> Application demonstration </Button>

PC End ：

Mobile ：

Use Space Components ：

<Space wrap>
  <Button> The online preview </Button>
  <Button> Purchase authorization </Button>
  <Button> Application demonstration </Button>
</Space>

PC End ：

Mobile ：

Space Components also support vertical direction Permutation ：

<Space wrap direction="vertical">
  <Button> The online preview </Button>
  <Button> Purchase authorization </Button>
  <Button> Application demonstration </Button>
</Space>

Various alignments are also supported ：

$ImagePreview Instantiated image preview component

stay 1.2.0 In the version , New picture preview component ImagePreview. stay 1.3.0 in , Except for the traditional <ImagePreview /> Tag calling method , Now we support it JS Instantiation call ：

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

in addition ,ImagePreview It has also been added. Download the pictures function ：

Image preview also added properties toolbar To select which shortcut functions to display , And support sorting , You can check the document for details API.

More complete content , succeed in inviting sb. View Design Official website view ：https://www.iviewui.com/