更新记录

1.0.10（2025-10-14） 下载此版本

默认支持点击预览，可配置

1.0.9（2025-10-14） 下载此版本

优化

1.0.8（2025-10-14） 下载此版本

修改h5端默认占位图不显示

查看更多

平台兼容性

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 class="w240 h180">
    <qiao-image :src="imgUrl" mode="aspectFill" radius="10rpx" @click=""></qiao-image>
  </view>
</template>

方法介绍

参数

参数名 类型 默认值 说明
src String '' 图片链接
error String '/static/img/error.png' 图片加载失败占位图，需要在全局的/static/img目录下加上图片
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 String '' 图片的弧度自己带单位
preview Boolean true 是否可以预览

可以添加点击事件：@click=""

附录：image官方文档 image官方文档

隐私、权限声明

1. 本插件需要申请的系统权限列表：

无

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明：

无

3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：

无

许可协议

MIT协议
评论列表 撰写评论 向官方投诉
加载更多...