微信小程序开发自定义“navigationBarTitleText“

本文介绍了如何在微信小程序中实现自定义导航栏标题`navigationBarTitleText`的步骤,包括在`.json`配置文件中设置,以及在`.wxml`和对应的`.js`文件中的操作方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.首先在.json文件中进行配置;

{
  "navigationBarTitleText": "导航栏自定义~",
  "navigationStyle":"custom",
  "usingComponents": {
     
   }
}

2.页面.wxml

<view class="custom_head" style="height:{
  
  {globalData.navHeight+5}}px;">
  <view class="flex-row j_b" style="height:{
  
  {globalData.navObj}}px;padding-top:{
  
  {globalData.navTop+5}}px;padding-right:{
  
  {globalData.navObjWid+5}}px;margin-left: 15px; ">
        <image src="/assets/img/home/dingwei.png" mode="heightFix" style="width: 38rpx;height: 38rpx;vertical-align:top;" />
        <text class="locationFont" >西北大学第一医院</text>
  </view>
</view>

3.对应的js

const app = getApp()
Page({
  data{
     //取到自己定义的高度
    cust
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值