更新记录
5.0(2019-08-05) 下载此版本
忘记把示例项目还原了
4.0(2019-08-05) 下载此版本
1、修复不传宽高属性文字不居中问题
2、当图片路径变化时更新状态
3.0(2019-07-30) 下载此版本
新增width、height、radius、animationType、passClick等属性
查看更多平台兼容性
可直接拖进示例项目运行
作者想说
如果该插件有什么问题还请大家说出来哦,还有如果有什么建议的话也可以提下呐 ~ 如果觉得好用,可以回来给个五星好评么~~(❁´◡`❁)*✲゚* 蟹蟹~拜托啦~
组件简介
仿知乎图片状态管理组件,不知实用性如何,有待改善
更新说明
版本 | 说明 |
---|---|
v4.0 | 1、修复不传宽高属性文字不居中问题 2、当图片路径变化时更新状态 |
v3.0 | 新增width、height、radius、animationType、passClick等属性 |
使用说明
1.传给QS-image的属性
属性 | 是否必填 | 值类型 | 默认值 | 说明 |
---|---|---|---|---|
imageUrl | 是 | String | 图片地址 | |
imageMode | String | scaleToFill | image的mode属性 | |
lazyLoad | Boolean | false | 随官方支持度,未测试 | |
imageStyle | String | 作用于image上的样式 | ||
@click | Function | image图片点击事件 | ||
3.0新增 |
||||
passClick | Boolean | true | 若为true则不管图片是否加载完成都触发@click事件,否则需要等图片加载完成后点击才触发@click事件 | |
width | String | 300px | image的宽度 | |
height | String | 225px | image的高度 | |
radius | String | image的border-radius属性值 | ||
animationType | String | image的过渡动画类型, 目前支持fadIn、fadRotateZ、fadLeft、fadTop、fadBottom、fadRight、fadScale、fadRotateY等类型, 也可以自定义 |
注:image的宽度、高度、border-radius样式等建议从width、height、radius等属性传入