语言吧

<tfoot draggable='sEl'></tfoot>

uniapp起用系统顶部导航时修改navigationBar字体大小

在uniapp起用系统顶部导航时修改navigationBar字体大小时,如果要自定义字段大小,需要在以下两位置设置:

一、在pages.json的pages节点下以如下方式嵌入

{

"path": "pages/ckfp/index",

"style":{

"navigationBarTitleText": "HDHCMS",

"navigationBarBackgroundColor": "#FCCA03",

"navigationBarTextStyle": "white"

         }

}

二、在app.vue中样式中加入以下代码

uni-page-head{

    height: 60rpx !important;

}

//字体

    uni-page-head .uni-page-head__title{

        font-size: 38rpx !important;

        line-height: 60rpx !important;

        font-weight: normal;

    }

    //顶部导航条高度

    uni-page-head .uni-page-head{

        height: 60rpx !important;

    }

    //返回上一页面的icon

    uni-page-head .uni-btn-icon{

        font-size: 30rpx !important;

        line-height: 60rpx !important;

    }




查看更多关于uniapp起用系统顶部导航时修改navigationBar字体大小的详细内容...

  阅读:534次
  阅读:534次