zoukankan      html  css  js  c++  java
  • 微信小程序-tabBar无法显示问题解析

    微信小程序关于底部footer部分,tabbar已经完成写好但是不显示,问题是在tabbar里面写的 "pagePath": "pages/logs/logs",的路径,必须在如下

    "pages":[

    "pages/logs/logs",
    "pages/news/news",
    "pages/index/index"
    ],

    里面的开始部分,不能在pages里面的开始就定义初始页面的地址,必须把tabbar的地址定义在开始部分,不然无法显示

    {
      "pages":[
        "pages/news/news",//tabbar地址-必须放在初始页面地址前边
        "pages/logs/logs",//tabbar地址-必须放在初始页面地址前边
        
          "pages/index/index"//初始页面
      ],
      "window":{
        "backgroundTextStyle":"light",
        "navigationBarBackgroundColor": "black",
        "navigationBarTitleText": "weixin项目首页",
        "navigationBarTextStyle":"white"
      },
      "tabBar": {
        "list": [
          {
          "pagePath": "pages/logs/logs",
          "text": "text",
          "iconPath": "iconPath",
          "selectedIconPath": "selectedIconPath"
        },
        {
          "pagePath": "pages/news/news",
          "text": "text",
          "iconPath": "iconPath",
          "selectedIconPath": "selectedIconPath"
        }
        ]
      },
      "debug":true
      
    }

     但是如果这样定义,则项目显示首页为pages定义的页面,如果想显示的首页为index初始页面,需要再tabbar里面另外定义一个bar显示指向初始页面,并把pages里面的初始页面放在第一位即可。

  • 相关阅读:
    log4j学习
    数据库索引
    php 通过exec 创建git分支失败
    Nginx 常用全局变量 及Rewrite规则详解
    Jetbrains phpstorm pycharm 免费授权注册码
    Nginx return 关键字配置小技巧
    PHP 加密 和 解密 方法
    Nginx 禁用IP IP段
    Yii2 捕获错误日志
    transform 实现响应式绝对居中
  • 原文地址:https://www.cnblogs.com/bellagao/p/6291880.html
Copyright © 2011-2022 走看看