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

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

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

相关阅读

    相关 Bootstrap导航

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