03_样式

全局配置文件

下面看一个简单的全局配置文件以及小程序的样子

全局配置文件

{
    "pages": [
        "pages/index/index",
        "pages/home/home"
    ],
    "window": {
        "navigationBarBackgroundColor": "#FFDAB9",
        "navigationBarTextStyle": "black",
        "navigationBarTitleText": "李业"
    },
    "tabBar": {
        "selectedColor": "#CD5C5C",
        "list": [
            {
                "pagePath": "pages/index/index",
                "text": "首页",
                "iconPath": "static/tabbar/ic_menu_choice_nor.png",
                "selectedIconPath": "static/tabbar/ic_menu_choice_pressed.png"
            },
            {
                "pagePath": "pages/home/home",
                "text": "我的",
                "iconPath": "static/tabbar/ic_menu_me_nor.png",
                "selectedIconPath": "static/tabbar/ic_menu_me_pressed.png"
            }
        ]
    }
}

页面

pages：
小程序需要用到的页面都需要在这里注册

window
配置小程序窗口，例如顶部背景色，顶部标题，顶部标题颜色

标签	含义
navigationBarBackgroundColor	顶部窗口背景色
navigationBarTextStyle	顶部窗口标题字体颜色
navigationBarTitleText	顶部窗口标题文本内容

tabBar：
配置底部操作栏，底部操作栏至少要配置两项，最多五项

标签	含义
selectedColor	底部操作按钮可以设置图标和文字，该标签是配置按钮被点击后的文字颜色
list	配置按钮，最少两项，最多五项
pagePath	按钮绑定的页面
text	按钮文字
iconPath	未被选中时显示的图片
selectedIconPath	被选中时显示的图片

标签：03,样式,menu,tabbar,按钮,home,ic,pages
来源： https://www.cnblogs.com/yaowy001/p/15893542.html