微信小程序的小总结

原创 2019-01-22 13:24:08 256
摘要:总结:首先先通过app.json来配置我们所需要的页面,并自动生成相应的文件,在通过tabBar来设置底部的按钮样式和路径等参数,最后设置window来设置整体标题及颜色等。app.json{ "pages":[ "pages/index/index", "pages/shop/list", "pages/news/list&q

总结:首先先通过app.json来配置我们所需要的页面,并自动生成相应的文件,在通过tabBar来设置底部的按钮样式和路径等参数,最后设置window来设置整体标题及颜色等。

app.json

{
"pages":[
"pages/index/index",
"pages/shop/list",
"pages/news/list",
"pages/index/about",
"pages/shop/details",
"pages/news/details"
],
"tabBar":{
"list":[
{
"pagePath":"pages/index/index",
"text":"首页",
"iconPath":"/img/index.png",
"selectedIconPath": "/img/indexs.png"
},
{
"pagePath": "pages/shop/list",
"text": "产品",
"iconPath": "/img/shop.png",
"selectedIconPath": "/img/shops.png"
},
{
"pagePath": "pages/news/list",
"text": "新闻",
"iconPath": "/img/new.png",
"selectedIconPath": "/img/news.png"
},
{
"pagePath": "pages/index/about",
"text": "关于",
"iconPath": "/img/about.png",
"selectedIconPath": "/img/abouts.png"
}
],
"color":"#000",
"selectedColor":"#bbb"
},
"window":{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#a33",
"navigationBarTitleText": "微官网",
"navigationBarTextStyle":"light"
}
}


批改老师:韦小宝批改时间:2019-01-22 14:16:20
老师总结:总结的很不错 代码写的也很完整 课后多看看小程序手册 继续加油吧!

发布手记

热门词条