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": "接口" }] } }
  • 相关阅读:
    codeforces 447C. DZY Loves Sequences 解题报告(446A)
    ajax 请求多张图片数据
    window 常用软件
    linux 脚本命令匹配并获取下一行数据
    linux C之getchar()非阻塞方式
    php curl 库使用
    vue.js 简单入门
    巧用jQuery选择器写表单办法总结(提高效率)
    linux 中断理解
    linux 驱动 工作队列
  • 原文地址:https://www.cnblogs.com/tlfe/p/13595268.html
Copyright © 2011-2022 走看看