更新记录
1.0.2(2023-02-09)
增加了:开启延迟加载,图片显示动画效果(淡出显示)。 单图适配(类似于微信朋友圈)
1.0.0(2023-02-08)
2023/2/8日发布1.0.0版本
平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.3.7 app-vue app-nvue | √ | √ | √ | √ | √ | √ |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
√ | √ | √ | √ |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ |
使用方式
// TODO imagesList为图片数组
<NineGridLayout :NineGridList="imagesList" BorderRadiusSize="12"/>
参数
参数名 | 作用 |
---|---|
NineGridList | 图片路径数组 |
GridSpace | 间距大小 |
OneChildHeight | 一个子View时最小高度 |
BorderRadiusSize | 圆角尺寸 |
IsPreview | 是否开启预览 |
FailurePlaceholder | 图片加载失败占位图 |
LazyLoad | 开启延迟加载 |
FadeShow | 图片显示动画效果(淡出显示) |
后续有更新将会持续补充