更新记录

1.0.0（2025-03-19） 下载此版本

上线

平台兼容性

Vue2 Vue3
√ ×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.94 × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序 鸿蒙元服务
× × × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × × × ×

朋友圈图片预览

组件名：jv-image

安装方式

本组件符合easycom规范，HBuilderX 2.5.5起，只需将本组件导入项目，在页面template中即可直接使用，无需在页面中import和注册components。

有项目需要开发的请联系 QQ:371524845

开发不易，如果帮助到你的，请支持 有问题请留言，作者会积极更新

API

Props

属性名 类型 默认值 说明
src String '' 图片资源地址
saveImage Boolean false 下载图片
previewImage Boolean false 预览图片
lazyLoad Boolean false 图片懒加载。只针对page与scroll-view下的image有效（微信小程序、百度小程序、抖音小程序、飞书小程序）
fadeShow Boolean true 图片显示动画效果。仅App-nvue 2.3.4+ Android有效
webp Boolean false 在系统不支持webp的情况下是否单独启用webp。默认false，只支持网络资源（微信小程序2.9.0）
showMenuByLongpress Boolean false 开启长按图片显示识别小程序码菜单（微信小程序2.7.0）
draggable Boolean true 是否能拖动图片（H5 3.1.1+、App iOS15+）
maxWidth String '500rpx' 单张最大宽度，支持所有单位，如px，vw，rpx，rem
maxHeight String '500rpx' 单张最大高度，支持所有单位，如px，vw，rpx，rem
mode String 'freedom' 模式选择
errorSrc String '/uni_modules/jv-image/static/noimg.png' 失败后展示的图片路径
@error HandleEvent 当错误发生时，发布到 AppService 的事件名，事件对象event.detail = {errMsg: 'something wrong'}
@load HandleEvent 当图片载入完毕时，发布到 AppService 的事件名，事件对象event.detail = {height:'图片高度px', width:'图片宽度px'}

实例

<template>
  <jv-image src="" ></jv-image>
</template>

隐私、权限声明

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

无

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

无

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

无

许可协议

MIT协议
评论列表 撰写评论 向官方投诉

暂无用户评论。

插件问答 我要提问

使用中有什么不明白的地方，就向插件作者提问吧~ 我要提问

加载更多...