0
点赞
收藏
分享

微信扫一扫

微信小程序配置app.json


微信小程序之配置app.json

{

"pages": [
"pages/index/index",
"pages/perInfo/updateInfo/updateInfo",
"pages/help/help"
],
"window": {
"backgroundColor": "#F6F6F6",
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#FF8C00",
"navigationBarTitleText": "云图书",
"navigationBarTextStyle": "white"
},
"tabBar": {
"list": [
{
"pagePath": "pages/index/index",
"text": "首页",
"iconPath": "images/icon-home/find.png",
"selectedIconPath": "images/icon-home/find1.png"
},
{
"pagePath": "pages/scan/scan",
"text": "扫一扫",
"iconPath": "images/icon-home/scan.png",
"selectedIconPath": "images/icon-home/scan1.png"
},
{
"pagePath": "pages/my/my",
"text": "我的",
"iconPath": "images/icon-home/my.png",
"selectedIconPath": "images/icon-home/my1.png"
}
]
},
"sitemapLocation": "sitemap.json",
"cloud": true
}

上面的pages里面写入页面路径后,程序会在pages目录下自动生成相应的页面,无需自己手动添加
​​​navigationBarTitleText​​​:标题
​​​navigationBarBackgroundColor​​​:设置标题背景色
​​​navigationBarTextStyle​​:标题字体的颜色

其中下面的tabBar中的list至少添加两项
​​​pagePath​​​:目标路径
​​​text​​​:小标题
​​​iconPath​​​:初始照片路径
​​​selectedIconPath​​:被点击选择后所变化的图片路径,一般与iconPath的图片相同,只是颜色不同

关于透明图片大家可以到 “阿里巴巴矢量库”取搜索自己喜欢的图标,当然也可以通过ps去制作。


举报

相关推荐

0 条评论