更新记录
1.0.4(2021-09-14) 下载此版本
修改未完成的d_imgs
1.0.3(2021-09-14) 下载此版本
修改默认是否可编辑为true
1.0.2(2021-09-13) 下载此版本
添加标题样式、是否可编辑参数
查看更多平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.1.0 | × | √ | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | √ | × | × | × | × |
luyj-choose-img
代码块
luyj-choose-img
说明
本组件于是基于ColorUI-uniAPP模板表单中图片。用于图片的选择。
安装方式
- 本组件符合easycom规范,
HBuilderX 2.5.5
起,只需将本组件导入项目,在页面template
中即可直接使用,无需在页面中import
和注册components
。 - 本组件的样式基于ColorUI 。所以,若要使用先依照官网下载并下源码解压,复制根目录的 /colorui 文件夹到你的根目录。然后在App.vue 引入关键Css
main.css
icon.css
。
<style>
@import "colorui/main.css";
@import "colorui/icon.css";
@import "app.css"; /* 你的项目css */
....
</style>
基本用法
在 template
中的使用
<luyj-choose-img @imgChange="imgChange"></luyj-choose-img>
其中,@imgChange
是改变选择图片时的传出方法
属性
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
titleText | String | 图片组 | 标题,选择图片组插件的标题 |
showTitleBar | Boolean | true | 是否展示标题栏 |
imgMaxCount | Number | 9 | 最大上传的图片数 |
事件
事件名 | 说明 | 返回参数 |
---|---|---|
@imgChange | 修改图片后,执行方法 | 数组,修改后图片的本地路径 |