更新记录
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'}]"