开发手册 - 图片(bui-image)
优质
小牛编辑
131浏览
2023-12-01
图片 (bui-image)
用法
加载远程图片
<bui-image width="260px" height="260px" src="https://img.alicdn.com/tps/TB1z.55OFXXXXcLXXXXXXXXXXXX-560-560.jpg"></bui-image>
加载工程目录下的图片:固定放在src/image
目录下
<bui-image src="/image/demo.png" width="300px" height="300px"></bui-image>
Example:bui-image
属性
Prop | Type | Required | Default | Description |
---|---|---|---|---|
width | string | Y | 宽度 | |
height | string | Y | 高度 | |
src | string | Y | 图片路径,支持/src/image下的图片 和远程图片 | |
resize | string | N | stretch | |
placeholder | string | N | 默认图片,加载失败时候显示的图片 | |
radius | string | N | 0px | 图片圆角 |