更新记录
1.0.0(2023-01-20) 下载此版本
Y-popup 自定义弹窗,带过度动画,目前只支持底部弹起
介绍
自定义弹窗,带过度动画,支持手势关闭类似抖音评论弹窗,目前暂时只支持底部弹起(后期慢慢更新),通过v-model绑定控制显示与隐藏更方便
参数说明
| 参数名称 | 说明 | 是否必填 | 数据类型 | 默认 |
|---|---|---|---|---|
| value | v-model形式绑定,控制弹窗显示与隐藏 | 否 | Boolean | false |
| mask_click | 控制是否允许遮罩层点击 | 否 | Boolean | true |
| mask_bg_color | 遮罩背景颜色,同css的颜色属性 | 否 | String | rgba(0,0,0,0.2) |
自定义事件
| 事件名称 | 说明 | 返回参数 |
|---|---|---|
| @maskClick | 点击遮罩的自定义函数,当mask_click参数为false时无效 | 无 |
平台兼容性
uni-app
| Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
|---|---|---|---|---|---|---|---|---|
| √ | × | √ | √ | √ | × | - | - | - |
| 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 小红书小程序 | 快应用-华为 | 快应用-联盟 |
|---|---|---|---|---|---|---|---|---|---|---|---|
| √ | × | × | × | × | × | - | × | × | - | × | × |
其他
| 多语言 | 暗黑模式 | 宽屏模式 | 蒸汽模式 |
|---|---|---|---|
| × | × | √ | × |
Y-popup 自定义弹窗,带过度动画,目前只支持底部弹起
介绍
自定义弹窗,带过度动画,支持手势关闭类似抖音评论弹窗,目前暂时只支持底部弹起(后期慢慢更新),通过v-model绑定控制显示与隐藏更方便
参数说明
| 参数名称 | 说明 | 是否必填 | 数据类型 | 默认 |
|---|---|---|---|---|
| value | v-model形式绑定,控制弹窗显示与隐藏 | 否 | Boolean | false |
| mask_click | 控制是否允许遮罩层点击 | 否 | Boolean | true |
| mask_bg_color | 遮罩背景颜色,同css的颜色属性 | 否 | String | rgba(0,0,0,0.2) |
自定义事件
| 事件名称 | 说明 | 返回参数 |
|---|---|---|
| @maskClick | 点击遮罩的自定义函数,当mask_click参数为false时无效 | 无 |

收藏人数:
下载插件并导入HBuilderX
下载示例项目ZIP
赞赏(0)
下载 78
赞赏 0
下载 12764871
赞赏 1959
赞赏
京公网安备:11010802035340号