1.0.10 • Published 3 years ago
self-me-ui v1.0.10
self-me-ui 使用方式:
- 下载组件包
npm i self-me-ui
- app.js 中引入组件,并挂载
// app.js
import me_ui from 'self-me-ui/me-ui.js';
// 在 onLaunch中调用方法,同时传入wx
me_ui(wx);
页面 json 中引入组件
{ "usingComponents": { "me-ui": "self-me-ui" } }
页面 wxml
<me-ui id='me-ui'></me-ui>
暴露方法:
- 本组件方法已全部挂载到 wx 对象上面,可通过 wx.方法名(),直接调用。如:在自定义 loading 组件中暴露了__showLoading() 和 __hideLoading() 方法,直接使用 wx.__showLoading() 和 wx.__hideLoading() 即可使用。
loading 组件
方法:
wx.__showLoading(opts) // 显示loading // 配置对象(opts不传时loading为默认样式) opts = { is_animate: true, // 是否开启动画 title: '', // 自定义文本 title_color: '#666', // 文本颜色 icon_color: 'red', // icon的颜色(支持iconfont) animate_class: '', // 自定义动画(可自定义动画,使用时上面的 is_animate 要开启) icon_class: '', // iconfont的类名(全局中引入要用到的icon样式) icon_size: 100, // icon的大小 loading_pic: '', // 使用图片loading(线上链接) pic_size: [120, 120] // 图片大小 } wx.__hideLoading() 隐藏loading
获取二次授权
方法:
wx.__secondRoot(rootType); // 在授权失败的回调中调用即可 // 返回一个promise,then方法中可以执行授权后续的操作 // 参数rootType为授权类型,如:scope.werun
me-uploader 组件
页面 json 中引入组件
{ "usingComponents": { "me-uploader": "self-me-ui/me-uploader/me-uploader" } }
页面 wxml
<me-uploader configObj="{{configObj}}" bind:upload="upload" bind:uploadError="uploadError" bind:delete='delete' picList='{{picList}}' ></me-uploader> <!-- configObj为配置对象(以下为默认配置): configObj:{ limitSize: 5, count: 9, mediaType: ['image', 'video'], // 默认只上传图片 sourceType: ['album', 'camera'], maxDuration: 30, camera: 'back', sizeType: ['original', 'compressed'], } bind:upload:接收上传的数据 bind:uploadError: 错误监听 bind:delete: 删除 -->