更新记录
2.0.0(2022-10-05) 下载此版本
新增取消,完成按钮,支持修改标题样式
0.0.1(2022-04-22) 下载此版本
初次上传
平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.2.10 app-vue | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 | 鸿蒙元服务 |
---|---|---|---|---|
× | × | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | √ | √ | √ | √ | × |
- l-popup 底部弹出框
- @description 本组件提供一个底部弹出框功能
- @property {Boolean} open 是否显示(.sync)
- @property {String | Number} height 弹出框高度(30vh),支持单位:vw, vh, %, px
- @property {String | Number} round 圆角(默认10),支持单位:vw, vh, %, px
- @property {String} title 标题
- @property {Object} titleStyle 标题样式
- @property {String} confirmText 确认按钮文字
- @property {Object} confirmStyle 确认按钮样式
- @property {String} cancelText 取消按钮文字
- @property {Object} cancelStyle 取消按钮样式
- @event {Function} confirm 点击确认按钮触发
- @event {Function} cancel 点击取消按钮触发
- @slot title 自定义标题
- @slot default 内容
- @example <l-popup :open.sync="open" round="20" @confirm="handleConfirm" @cancel="handleCancel">显示内容