更新记录

v1.0.0（2023-08-08） 下载此版本

无

平台兼容性

uni-app

小程序图片显示组件

图片加载完成前显示占位图片；加载失败后会显示加载失败图片，点击失败图片进行重新加载

平台兼容

代码演示

基本用法

<view>
    <cui-image src="https://img-blog.csdnimg.cn/6d15082ac7234ec7a16065e74f689590.jpeg" mode="aspectFit"
        pre="/static/cui-images/placeholder.jpg" @tappic="onTapPic"></cui-image>
</view>

export default {
    data() {
        return {
        }
    },
    methods: {
        onTapPic(e){
            console.log("点击了图片", e.src)
        }
    }
}

插件标签

• 默认 cui-image 为 component

• API

  Props

常见问题

• 因为内部需要进行点击重新加载的判断，所以点击事件应该使用回调函数@tappic而不是@click

示例小程序