View UI Plus 1.3.0 版本已于 2022-06-21 發(fā)布洛波。
更新日志
請到官網(wǎng) www.iviewui.com 查看最新版胰舆。
- 新增間距組件 Space。
- ImagePreview 新增下載圖片功能蹬挤。
- ImagePreview 新增屬性 toolbar缚窿，可選擇開啟的快捷功能并排序。
- 圖片預(yù)覽支持 $ImagePreview 實例化調(diào)用焰扳。
- ImagePreview 新增拖拽手勢樣式倦零。
- Skeleton 默認(rèn)樣式，增加最后一個段落效果吨悍。
- Result 屬性 type 新增 warning扫茅。
- 優(yōu)化大量文檔示例。
- 修復(fù) Select 遠程搜索的問題育瓜。
- 修復(fù) ImagePreview 點擊控制條關(guān)閉預(yù)覽的問題葫隙。
- 修復(fù) Layout 樣式問題。
- 修復(fù)部分組件 types 錯誤的問題躏仇。
更新方法
1.修改 package.json 中 view-ui-plus 版本號：
"dependencies": {
"view-ui-plus": "^1.3.0"
}
2.運行 npm update view-ui-plus停蕉。
內(nèi)容簡介
Space 間距組件
間距組件可以很方便地設(shè)置相鄰組件之間的統(tǒng)一間距。比如下面的場景钙态，在沒有使用 Space 間距組件時的效果是：
<Button>在線預(yù)覽</Button>
<Button>購買授權(quán)</Button>
<Button>申請演示</Button>
PC端：
移動端：
使用 Space 組件：
<Space wrap>
<Button>在線預(yù)覽</Button>
<Button>購買授權(quán)</Button>
<Button>申請演示</Button>
</Space>
PC端：
移動端：
Space 組件也支持 垂直方向 的排列：
<Space wrap direction="vertical">
<Button>在線預(yù)覽</Button>
<Button>購買授權(quán)</Button>
<Button>申請演示</Button>
</Space>
還支持各種對齊方式：
$ImagePreview 實例化的圖片預(yù)覽組件
在 1.2.0 版本中慧起，新增了圖片預(yù)覽組件 ImagePreview。在 1.3.0 中册倒，除了傳統(tǒng)的 <ImagePreview /> 標(biāo)簽調(diào)用方式蚓挤，現(xiàn)在也支持 JS 實例化調(diào)用：
methods: {
showImage () {
this.$ImagePreview.show({
previewList: [...]
})
}
}
另外，ImagePreview 也新增了 下載圖片 功能：
圖片預(yù)覽也新增了屬性 toolbar 來選擇顯示哪些快捷功能驻子，并支持排序灿意，具體可以查看文檔 API。
更多完整內(nèi)容崇呵，請到 View Design 官網(wǎng)查看：https://www.iviewui.com/
