微信小程序經常使用樣式彙總(1)

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":"文與字"
}