zoukankan      html  css  js  c++  java
  • uni-app 配置了tabBar无法显示的问题

    {
        "pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
            {
                "path": "pages/index/index",
                "style": {
                    "navigationBarTitleText": "组件"
                }
            },
            {
                "path": "pages/index/index1",
                "style": {
                    "navigationBarTitleText": "接口"
                }
            }
        ],
        "globalStyle": {
            "navigationBarTextStyle": "black",
            "navigationBarTitleText": "uni-app",
            "navigationBarBackgroundColor": "#F8F8F8",
            "backgroundColor": "#F8F8F8"
        },
        "tabBar": {
            "color": "#7A7E83",
            "selectedColor": "#3cc51f",
            "borderStyle": "black",
            "backgroundColor": "#ffffff",
         //注意标红出,不要去改为相对路径,下面这个就是错误的示范,无法显示出tabBar
    "list": [{ "pagePath": "./pages/index/index", "iconPath": "/static/1.png", "selectedIconPath": "/static/2.png", "text": "组件" }, { "pagePath": "./pages/index/index1", "iconPath": "/static/3.png", "selectedIconPath": "/static/4.png", "text": "接口" }] } }

    修改之后:

    {
        "pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
            {
                "path": "pages/index/index",
                "style": {
                    "navigationBarTitleText": "组件"
                }
            },
            {
                "path": "pages/index/index1",
                "style": {
                    "navigationBarTitleText": "接口"
                }
            }
        ],
        "globalStyle": {
            "navigationBarTextStyle": "black",
            "navigationBarTitleText": "uni-app",
            "navigationBarBackgroundColor": "#F8F8F8",
            "backgroundColor": "#F8F8F8"
        },
        "tabBar": {
            "color": "#7A7E83",
            "selectedColor": "#3cc51f",
            "borderStyle": "black",
            "backgroundColor": "#ffffff",
         //要修改成与pages里面path的路径一样,点击保存就能正常显示了
    "list": [{ "pagePath": "pages/index/index", "iconPath": "/static/1.png", "selectedIconPath": "/static/2.png", "text": "组件" }, { "pagePath": "pages/index/index1", "iconPath": "/static/3.png", "selectedIconPath": "/static/4.png", "text": "接口" }] } }
  • 相关阅读:
    图片编辑网站
    mysql导出表的字段及相关属性
    SpringBoot使用注解实现事务管理
    Linux命令
    linux上部署SpringBoot项目及遇到的问题
    使用配置文件产生随机数
    UUID生成随机字符串
    第二十二节 web服务器里集成了解析动态请求的功能
    第二十节 多进程面对对象web服务器
    第二十节 tcp_ip协议
  • 原文地址:https://www.cnblogs.com/tlfe/p/13595268.html
Copyright © 2011-2022 走看看