uni-app设置导航条（动态设置标题、设置导航条颜色、显示与隐藏导航条标题加载效果）

系统管理员 2023-06-13 09:59 48阅读 0赞 
  1. <template>
  2.     <view class="content">
  3.         <view @click="amend">动态设置当前页面的标题</view>
  5.     </view>
  6. </template>
  8. <script>
  9.     export default {
  10.         methods: {
  11.             //动态设置当前页面的标题。
  12.             amend() {
  13.                 uni.hideNavigationBarLoading();
  14.                 uni.setNavigationBarTitle({
  15.                     title: '新的标题'
  16.                 });
  17.             }
  18.         }
  19.     }
  20. </script>
  22. <style scoped lang="scss">
  23.     .content {}
  24. </style>

详细介绍设置导航条（动态设置当前页面的标题、设置页面导航条颜色、在当前页面显示导航条加载动画、在当前页面隐藏导航条加载动画），官方地址链接：https://uniapp.dcloud.io/api/ui/navigationbar?id=setnavigationbartitle

给一个单独的页面隐藏顶部的 导航栏 可以在pages.json里 单独的路由style下面配置 “app-plus”: {“titleNView”: false} ：

  1. {
  2.     "path": "pages/gather/initialSuccess",
  3.     "style": {
  4.         "navigationBarTitleText": "初审成功",
  5.         "app-plus":{"titleNView":false}
  6.         }
  7. }

官方链接地址：https://uniapp.dcloud.io/collocation/pages?id=app-plus

发表评论

表情：
评论列表 （有 0 条评论，48人围观）

还没有评论，来说两句吧...

相关阅读

    相关 Bootstrap导航条

    一、默认的导航条 在制作一个基础导航条时，主要分以下几步： 1、在列表外部添加一个容器（div），并且使用类名“navbar”和“navbar-default”；

    川长思鸟来川长思鸟来/ 0 赞/ 329 阅读