更新记录
1.0.1(2025-06-23)
初版
1.0.0(2025-06-23)
初版
平台兼容性
云端兼容性
uni-app(4.33)
Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
uni-app x(4.33)
Chrome |
Safari |
Android |
iOS |
鸿蒙 |
微信小程序 |
- |
- |
- |
- |
- |
- |
qiao-image
使用方法
基础用法
<template>
<view>
<qiao-image :src="imgUrl" mode="aspectFill" class="w240 h180" :radius="10"></qiao-image>
</view>
</template>
方法介绍
参数
参数名 |
类型 |
默认值 |
说明 |
src |
String |
'' |
图片链接 |
error |
String |
'../../static/img/error.png' |
图片加载失败占位图 |
mode |
String |
aspectFit |
同image的,看官方文档 |
lazyLoad |
Boolean |
false |
同image的,看官方文档 |
fadeShow |
Boolean |
true |
同image的,看官方文档 |
webp |
Boolean |
false |
同image的,看官方文档 |
showMenuByLongpress |
Boolean |
false |
同image的,看官方文档 |
draggable |
Boolean |
false |
同image的,看官方文档 |
radius |
Number |
0 |
图片的弧度 |
附录:image官方文档
image官方文档