實現(xiàn)效果：無論手機(jī)類型怎么切換，自定義標(biāo)題始終跟膠囊平齊

實現(xiàn)：

在pages.json文件中配置標(biāo)題自定義

在index.vue頁面，編寫自定義的標(biāo)題內(nèi)容，在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;},

有關(guān)什么是小程序狀態(tài)欄，標(biāo)題欄，膠囊，下面的文章有標(biāo)識

小程序頁面結(jié)構(gòu)，以及相應(yīng)部分怎么獲取其參數(shù)

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。