微信小程序系列——自定义标题

前言

3步自定义标题栏

step1

app.json中修改windows：

  "window": {
    "navigationStyle": "custom"
  },

step2

app.js中设置状态栏高度

this.globalData = {
    statusBarHeight: wx.getSystemInfoSync()['statusBarHeight']
}

step3

在自定义的标题栏设置padding-top为状态栏高度

<view class="title" style="padding-top:{{statusBarHeight}}px"></view>

OK,GAME OVER!

体验小程序

      

更多内容，请关注公众号：程序员高手之路

在公众号回复：小程序资源   即可免费获取以下微信小程序视频教程！