• 图片 (bui-image)
    • 用法
    • 属性
    • 事件

    图片 (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

    属性

    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 图片圆角

    事件

    • @click 图片点击事件

    • @load 图片加载完成事件