GraceUI 提供的图片用于基于宽度设定的等比缩放场景,nvue 模式下可以自动识别图片高度,并带有加载动画,加载失败提示。
注意 : 我们认为基于宽度的等比缩放是开发过程中最实用的方式,为了更好的兼容 nvue,我们对图片宽度、高度做了计算并以样式形式固定,所以无法使用类似原生图片组件的 mode 属性,如果您的开发必须使用 mode 属性请使用原生 imgae 组件;
gui-image : /graceUI/组件目录/gui-image
H5 | APP | 小程序 | NVUE |
✔ | ✔ | ✔ | ✔ |
属性名称 | 类型 | 默认值 | 作用 |
src | String | '' | 图片路径 |
width | Number | 300 | 图片宽度,单位 rpx |
height | Number | 0 | 图片高度,单位 rpx,0 代表自动高度 |
timer | Number | 200 | 图片加载动画延时时间,单位 毫秒 |
borderRadius | String | 0rpx | 图片圆角 |