更新记录

1.0.4(2024-06-18)

修改默认px值为uni.upx2px转换

1.0.3(2024-06-18)

将upx改为px

1.0.2(2024-05-31)

1、新增圆角参数 2、简化参数字段

查看更多

平台兼容性

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

images-view:图片组展示+预览组件

1、使用示例

<images-view paths="https://xxx.xxx.com/1.jpg,https://xxx.xxx.com/1.jpg" />

2、参数如下

// 接收参数
defineProps({
    paths: {    // 图片路径,可以是字符串,也可以是数组
        type: [String, Array], default: () => ''
    },
    mode: { type: String, default: 'aspectFit' },   // 图片展示模式
    field: { type: String, default: '' },       //图片路径保存在集合对象中,对象中的字段名称,默认空
    width: { type: String, default: '100upx' }, // 图片宽度
    height: { type: String, default: '100upx' },//图片高度
    padding: { type: String, default: '6upx' }, // 图片间距
    borderRadius: { type: String, default: '6upx' } // 图片圆角
});

3、paths路径参数格式,支持字符串和数组格式,示例如下

// 组件默认格式
paths="https://xxx.xxx.com/1.jpg"
// 组件默认格式
paths="https://xxx.xxx.com/1.jpg,https://xxx.xxx.com/1.jpg"
//imageField=""为空时的默认格式
paths="['https://xxx.xxx.com/1.jpg','https://xxx.xxx.com/1.jpg']"
//imageField="path"时的格式
paths="[{path:'https://xxx.xxx.com/1.jpg'},{path:'https://xxx.xxx.com/1.jpg'}]"

隐私、权限声明

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

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

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

许可协议

MIT协议

暂无用户评论。

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