当前位置: 首页 > 文档资料 > BUI-Weex 开发手册 >

开发手册 - 图片(bui-image)

优质
小牛编辑
135浏览
2023-12-01

图片 (bui-image)

图片(bui-image) - 图1   图片(bui-image) - 图2

用法

加载远程图片

  1. <bui-image width="260px" height="260px" src="https://img.alicdn.com/tps/TB1z.55OFXXXXcLXXXXXXXXXXXX-560-560.jpg"></bui-image>

加载工程目录下的图片:固定放在src/image目录下

  1. <bui-image src="/image/demo.png" width="300px" height="300px"></bui-image>

Example:bui-image

属性

PropTypeRequiredDefaultDescription
widthstringY宽度
heightstringY高度
srcstringY图片路径,支持/src/image下的图片 和远程图片
resizestringNstretch
placeholderstringN默认图片,加载失败时候显示的图片
radiusstringN0px图片圆角

事件

  • @click 图片点击事件

  • @load 图片加载完成事件