xu-popup
Version:
小程序弹窗组件,支持动画效果,点击背景关闭
40 lines (32 loc) • 1.06 kB
Markdown
# xu-popup
> 微信小程序弹窗组件,支持弹窗动画
## 使用教程
``` bash
# 安装插件
npm install --save xu-popup
# 把组件复制到项目位置然后在app.json配置全局组件
"usingComponents": {
"xu-popup": "/components/popup/index",
}
```
## 使用demo
```html
<xu-popup show="{{show}}" bgclick="{{false}}">
弹窗内容
</xu-popup>
```
```javascript
Page({
data: {
show:false
}
})
```
## 参数说明
| 属性 | 类型 | 默认值 | 取值 | 描述 | 必填 |
| ------------- |:------:|:------:|:-----:|:-----:|:-----:|
| position | String | 无 |top/left/bottom/right/fade|fade(淡入淡出),top(从顶部滑出滑入),left(从左边滑出滑入),right(从右边滑出滑入),bottom(从底部滑出滑入)|否|
|show | Boolean | false |fase/true|是否显示|是|
|bg | Boolean | true |fase/true|是否显示蒙层|否|
|bgclick | Boolean | true |fase/true|点击蒙层是否关闭弹窗|否|
ps:文档写的不够详细,开发遇到问题的可以微信V我 YD1008610000