• uni-app学习记录01-pages配置项


    {
        // 每个页面都需要在pages里面去声明配置
        "pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
            // 每页里面的style的设置会覆盖globalStyle里面的设置
            {
                "path": "pages/index/index",
                "style": {
                    "navigationBarTitleText": "首页"
                }
            },
            {
                "path": "pages/one/one",
                "style": {
                    "navigationBarTitleText": "一页"
                }
            },
            {
                "path": "pages/two/two",
                "style": {
                    "navigationBarTitleText": "二页"
                }
            }, {
                "path": "pages/three/three",
                "style": {
                    "navigationBarTitleText": "三页"
                }
            }, {
                "path": "pages/four/four",
                "style": {
                    "navigationBarTitleText": "四页"
                }
            }
        ],
        // 通过配置tabBar来设置底部导航栏 最少2页最多5页
        "tabBar": {
            // tab 上的文字默认颜色
            "color": "#7A7E83",
            // selectedColor
            "selectedColor": "#3cc51f",
            // tabbar 上边框的颜色,仅支持 black/white
            "borderStyle": "black",
            // tab 的背景色
            "backgroundColor": "#ffffff",
            // list 接收一个数组,数组中的每个项都是一个对象
            "list": [{
                    // 页面路径,必须在 pages 中先定义
                    "pagePath": "pages/index/index",
                    // 图片路径,icon 大小限制为40kb,建议尺寸为 81px * 81px,当 postion 为 top 时,此参数无效,不支持网络图片,不支持字体图标
                    "iconPath": "static/icon_ck8ejdbukbf/aixin.png",
                    // 选中时的图片路径,icon 大小限制为40kb,建议尺寸为 81px * 81px ,当 postion 为 top 时,此参数无效
                    "selectedIconPath": "static/icon_yboweg9a00s/aixin.png",
                    // tab 上按钮文字,在 5+APP 和 H5 平台为非必填。例如中间可放一个没有文字的+号图标
                    "text": "首页"
                },
                {
                    "pagePath": "pages/one/one",
                    "iconPath": "static/icon_ck8ejdbukbf/aixin.png",
                    "selectedIconPath": "static/icon_yboweg9a00s/aixin.png",
                    "text": "一页"
                },
                {
                    "pagePath": "pages/two/two",
                    "iconPath": "static/icon_ck8ejdbukbf/aixin.png",
                    "selectedIconPath": "static/icon_yboweg9a00s/aixin.png",
                    "text": "二页"
                }, {
                    "pagePath": "pages/three/three",
                    "iconPath": "static/icon_ck8ejdbukbf/aixin.png",
                    "selectedIconPath": "static/icon_yboweg9a00s/aixin.png",
                    "text": "三页"
                }, {
                    "pagePath": "pages/four/four",
                    "iconPath": "static/icon_ck8ejdbukbf/aixin.png",
                    "selectedIconPath": "static/icon_yboweg9a00s/aixin.png",
                    "text": "四页"
                }
            ]
        },
        // 用于设置所有页面的状态栏,导航栏,标题,窗口背景等设置
        "globalStyle": {
            // 导航栏的样式 
            "navigationBarTextStyle": "black",
            // 导航栏的标题文字内容
            "navigationBarTitleText": "uni-app",
            // 导航栏的背景颜色
            "navigationBarBackgroundColor": "#F8F8F8",
            // 窗口的背景色
            "backgroundColor": "#F8F8F8"
        }
        // 启动模式配置,仅开发期间生效,用于模拟直达页面的场景,如:小程序转发后,用户点击所打开的页面。
        /* "condition": { //模式配置,仅开发期间生效
            "current": 0, //当前激活的模式(list 的索引项)
            "list": [{
                    "name": "swiper", //模式名称
                    "path": "pages/component/swiper/swiper", //启动页面,必选
                    "query": "interval=4000&autoplay=false" //启动参数,在页面的onLoad函数里面得到。
                },
                {
                    "name": "test",
                    "path": "pages/component/switch/switch"
                }
            ]
        } */
    }
  • 相关阅读:
    为Fiddler增加Burp-like Inspector扩展 实现类似Burpsuite爆破、一键重放、编码转换等功能
    SVN常见问题总结一
    手把手教你学SVN
    js基本语法汇总
    最全的常用正则表达式大全
    CSS padding margin border属性详解
    从零开始学习jQuery (五) 事件与事件对象
    js正则表达式语法
    浏览器内部工作原理
    原生AJAX入门讲解(含实例)
  • 原文地址:https://www.cnblogs.com/wanguofeng/p/11717552.html
Copyright © 2020-2023  润新知