微信小程序自定义组件弹出底部菜单

组件的wxml

微信小程序自定义组件弹出底部菜单

 

 

通过showInvoice控制遮罩层及内容主体的显示隐藏(visibility控制)  通过c3动画实现渐隐      通过actionSheetbindchange方法关闭遮罩层

组件的json内容

微信小程序自定义组件弹出底部菜单

 

组件的js

微信小程序自定义组件弹出底部菜单

父组件的json中引入组件

微信小程序自定义组件弹出底部菜单

 

 

父组件的wxml

微信小程序自定义组件弹出底部菜单

父组件的js文件内容  

  通过closeInvoice  方法改变 showInvoice  状态 控制子组件的显示隐藏   将值传回给子组件中的showInvoice属性上