ViewUIPlus1.2.0版本于2022-06-13发布。更新日志请到官网www.iviewui.com查看最新版本。新增排版组件Typography,内置丰富的内容排版UI,支持复制、编辑、省略等功能。Typography总共包含5个组件:TypographyContentStructureTitleTitleParagraphParagraphTextInlineTextLinkLink新的骨架屏组件Skeleton。新增图片组件Image。包含两个组件:ImageImageImagePreviewImagepreview修复某些环境下的一些CSS错误。修复错误类型的Row组件。修复Alert组件图标不居中的问题。更新方法1.修改package.json中view-ui-plus的版本号:"dependencies":{"view-ui-plus":"^1.2.0"}2.运行npmupdateview-ui-plus。内容介绍Image图片组件image组件可以方便的对一张图片进行各种布局,使用fit属性可以设置图片的各种缩放效果,width和height可以设置图片的宽高,src指定了图片的地址图片,例如:设置属性lazy延迟加载图片,默认会自动寻找最近的overflow值为auto或scroll的父元素。只有当滚动到图像的可见区域时才会加载图像。当然也可以设置属性scroll-container来指定容器。可以到这里在线体验图片延迟加载:https://run.iviewui.com/HoVFMqS7另外,图片组件还可以自定义加载提示、加载失败提示等常用属性。详见文档APIImagePreview图片预览组件图片预览可以在Image组件上开启属性preview,也可以直接使用ImagePreview图片预览组件:图片预览需要指定一组图片地址preview-list和默认显示的图像数量initial-index。图片预览支持放大、缩小、旋转、1:1查看原图、来回切换等功能,还支持键盘操作。在线体验地址:https://run.iviewui.com/T2V78FaySkeleton骨架屏组件骨架屏组件用于在需要加载数据的位置提供占位符组合。基本效果,包括头像、标题和段落。骨架屏也可以自定义,比如长度、高度、形状、动画、排版等。Typography组件显示标题、段落、列表等,常用于排版文章和文档。支持常用的辅助功能,如复制、可编辑、省略等。Typography的每个组件都可以开启复制功能,只需要一个参数copyable:Thisisatextthatisacanbecopyed也支持直接在当前段落上编辑保存,开启editable属性即可:Editing支持从默认slot读取,或者直接通过v-model双向绑定数据:{{content1}}对于较长的段落,还可以开启属性省略号,以Tooltip的形式省略并显示完整的内容:更完整的内容请访问ViewDesign官网:https://www.iviewui.com/