我们要做的事一个家庭记账本的微信小程序，首先，先对app.json,进行编译
{
"pages": [
"pages/index/index",
"pages/item/item"
],
"window": {
"backgroundTextStyle": "dark",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "家庭记账本",
"navigationBarTextStyle": "black",
"backgroundColor": "gray"
},
"debug": true
}
在对app.wxss，对app.json,进行结构尺寸单位的特性。
/**app.wxss**/
.container {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
padding: 200rpx 0;
box-sizing: border-box;
}
就有了如图的界面
我们要做的事一个家庭记账本的微信小程序，首先，先对app.json,进行编译
{
"pages": [
"pages/index/index",
"pages/item/item"
],
"window": {
"backgroundTextStyle": "dark",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "家庭记账本",
"navigationBarTextStyle": "black",
"backgroundColor": "gray"
},
"debug": true
}
在对app.wxss，对app.json,进行结构尺寸单位的特性。
/**app.wxss**/
.container {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
padding: 200rpx 0;
box-sizing: border-box;
}
就有了如图的界面