微信小程序常用样式汇总

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序常用样式汇总相关的知识,希望对你有一定的参考价值。

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

以上是关于微信小程序常用样式汇总的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序常用样式汇总

微信小程序 | 开发常用事例

微信小程序开源项目库汇总

微信小程序开源项目库汇总

微信小程序开源项目库汇总

微信小程序面试总结