實現效果：無論手機類型怎么切換，自定義標題始終跟膠囊平齊

實現：

在pages.json文件中配置標題自定義

在index.vue頁面，編寫自定義的標題內容，在onLoad里可以計算高度，

<view class="title" :style="{paddingTop:navBarTop + 'px',height:navBarHeight + 'px',lineHeight:navBarHeight + 'px'}">答題小程序</view> onLoad() {let statuBar = uni.getSystemInfoSync().statusBarHeight;let menuButtonInfo = uni.getMenuButtonBoundingClientRect();console.log(menuButtonInfo)this.navBarTop = menuButtonInfo.top;this.navBarHeight = menuButtonInfo.height;},

有關什么是小程序狀態欄，標題欄，膠囊，下面的文章有標識

小程序頁面結構，以及相應部分怎么獲取其參數

總結

以上是生活随笔為你收集整理的uniapp 自定义标题情况下，让标题和右侧胶囊对齐的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。