# gg-botoom-modal 模态弹窗-底部
gg-botoom-modal
底部过度弹入弹出
在 script 中引用组件
若使用uni-app的
easycom引入方式，则无需在script中重复引用
import ggBottomModal from '@/components/gg-botoom-modal/gg-botoom-modal.vue'
export default {
components: {ggBottomModal}
}
1
2
3
4
2
3
4
在 template 中使用组件
<gg-bottom-modal :show="show" @confirm="onConfirm">
<!-- 底部弹窗内容 -->
</gg-bottom-modal>
1
2
3
2
3
# 属性说明
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| show | Boolean | false | 是否显示弹窗 |
# 事件说明
| 事件名 | 说明 | 返回值 |
|---|---|---|
| confirm | 监听点击确定或取消按钮 | Bollean |