微信小程序 自定义header 组件

  <header>   //css 写在当前page页面下
<image src="http://www.bubuko.com/file/leftIcon.png" bindtap="backFun"></image>
<text bindtap="backFun">标题</text>
</header>

<view>
<slot></slot>
</view>

.header{
background-color: #ffffff;
padding-bottom: 18rpx;
width: 100%;
z-index: 999;
padding-left: 30rpx;
display: flex;
align-items: center;
}

const app=getApp();
Component({
properties: {
},
data: {
},
lifetimes: {
attached: function() {
let {height,top} = wx.getMenuButtonBoundingClientRect();
let lineHeight=height
let paddingTop=top
this.setData({
lineHeight,paddingTop
})
}
},
methods: {
}
})