微信小程序常用样式汇总

Posted 2021-02-18

1.设置全局字体样式app.wxss：

text{
font-family:MicroSoft yahei;
}
2.设置弹性盒子模型：

复制代码
.container{
/弹性模型/
display:flex;
/垂直方向 列方向 排布/
flex-direction:column;zhaoweb.cn
/居中/
align-items:center;
/要从整体解决排布的问题是最好的方案/
}
复制代码
3.设置页面全屏样式及背景色：

page{
height:100%;
background:#b3d4db;(www.zhaoweb.cn)
}
4.全局设置导航条颜色app.json：

"window": {
"navigationBarBackgroundColor": "#405f80"
}
5.页面设置导航条颜色和标题*.json:

{
"navigationBarBackgroundColor": "#405f80",
"navigationBarTitleText":"文与字"
}