uniapp关于支付宝小程序或钉钉小程序标题栏自定义
uniapp关于支付宝小程序或钉钉小程序标题栏自定义支付宝小程序页面标题默认居左,若想居中需要自定义标题栏思路:取消已有默认标题设置,自定义标题栏微信小程序取消默认标题栏命令为再style中定义"navigationStyle":“custom”,而次对于支付宝小程序不起作用需定义"transparentTitle":“always”,定义标题栏透明“navigationBarTitleText”
·
uniapp关于支付宝小程序或钉钉小程序标题栏自定义
支付宝小程序页面标题默认居左,若想居中需要自定义标题栏
思路:取消已有默认标题设置,自定义标题栏
微信小程序取消默认标题栏命令为再style中定义"navigationStyle":“custom”,而次对于支付宝小程序不起作用
需定义"transparentTitle":“always”,定义标题栏透明
“navigationBarTitleText”: “”,令标题为空
在页面中自定义标题栏
附代码如下
<template>
<view>
<view :style="{ height: iStatusBarHeight + 'px'}">
</view>
<view :style="{ height: iTitleBarHeight + 'px'}" style="positon:fixed;">
<view class="bttitle" >状态栏标题</view>
</view>
<view>页面正文</view>
</view>
</template>
<script>
export default{
data(){
return{
iStatusBarHeight:0,
iTitleBarHeight:48,
}
},
onLoad(){
this.iStatusBarHeight = uni.getSystemInfoSync().statusBarHeight;
this.iTitleBarHeight = uni.getSystemInfoSync().titleBarHeight;
console.log(uni.getSystemInfoSync())
console.log(this.iStatusBarHeight);
}
}
</script>
<style>
.bttitle{
text-align: center;
line-height: 48px;
}
</style>
更多推荐
已为社区贡献1条内容
所有评论(0)