本文实例为大家分享了微信小程序制作影评小程序的具体代码,供大家参考,具体内容如下
这是博主的项目包含的文件截图:
首先如图建立文件夹和page页面
然后app.json页面更新代码如下:
{
"pages": [
"pages/hotpage/hotpage",
"pages/comingsoon/comingsoon",
"pages/search/search",
"pages/more/more"
],
"window": {
"backgroundtextstyle": "light",
"navigationbarbackgroundcolor": "#fff",
"navigationbartitletext": "wechat",
"navigationbartextstyle": "black"
},
"tabbar": {
"list": [{
"pagepath": "pages/hotpage/hotpage",
"text": "本地热映"
},{
"pagepath": "pages/comingsoon/comingsoon",
"text": "即将上映"
},{
"pagepath": "pages/search/search",
"text": "影片搜索"
}]
}
}
是app.wxss页面(为后面的页面样式写的):
/**app.wxss**/
.container {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;