6

我们要做的事一个家庭记账本的微信小程序，首先，先对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;

}

就有了如图的界面

转载于:https://www.cnblogs.com/yang-qiu/p/10438486.html