樣式如上圖所示它的要求：一個頭部樣式自定義，它在膠囊左邊的內容又分為左右兩部分，如何讓它屏幕寬自適應？只需要用到wx.getMenuButtonBoundingClientRect()獲取膠囊信息就可以寫出來
例子如下
1 let menuButton=wx.getMenuButtonBoundingClientRect() 2 this.setData({ 3 signaHeight:menuButton.height 4 signaTop:menuButton.top 5 signaRight:menuButton.right 6 signaLeft:menuButton.left 7 signaWidth:menuButton.width 8 })
然后在頁面中的樣式就可以寫了，紅色區域的寬就是膠囊距離左邊的距離{{signaLeft}}px,距離上面的距離用padding-top寫{{signaTop}}，高也就是膠囊的高{{signaHeight}}