更新记录
1.0.1(2025-03-12)
下载此版本
优化内部一些细节处理
1.0.0(2025-03-11)
下载此版本
首次发版
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.99 |
× |
√ |
× |
× |
× |
√ |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
鸿蒙元服务 |
× |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
× |
√ |
√ |
√ |
基本使用
<yh-image :src="src" ></yh-image>
<script>
import yhImage from './components/yh-image/yh-image.vue';
export default {
components:{yhImage},
data(){
return {
src:"",
}
},
methods: {
}
}
</script>
参数说明
src:{//图片资源路径
type:String,
default:""
},
preview:{//点击图片预览
type:Boolean,
default:false
},
disabled: {//禁用
type: Boolean,
default: false
},
lazyLoad:{//是否开启懒加载
type:Boolean,
default:false
},
showLoading:{//是否开启加载
type:Boolean,
default:false
},
bg:{//图片背景色
type:String,
default:"transparent"
},
round:{//图片圆角
type:String,
default:"10rpx"
},
width:{//图片宽
type:String,
default:'200rpx'
},
height:{//图片高
type:String,
default:'200rpx'
},
mode:{//mode
type:String,
default:""
},
@event {Function} click 点击图片触发
加载中 加载失败占位图可以直接在组件中static替换掉即可