1.0.0 • Published 5 years ago
xu-popup v1.0.0
xu-popup
微信小程序弹窗组件,支持弹窗动画
使用教程
# 安装插件
npm install --save xu-popup
# 把组件复制到项目位置然后在app.json配置全局组件
"usingComponents": {
"xu-popup": "/components/popup/index",
}
使用demo
<xu-popup show="{{show}}" bgclick="{{false}}">
弹窗内容
</xu-popup>
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
1.0.0
5 years ago