码迷,mamicode.com
首页 > 微信 > 详细

微信小程序常用样式汇总(1)

时间:2020-05-19 00:54:38      阅读:281      评论:0      收藏:0      [点我收藏+]

标签:ros   direct   json   font   导航条   tle   全屏   程序   盒子模型   

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

微信小程序常用样式汇总(1)

标签:ros   direct   json   font   导航条   tle   全屏   程序   盒子模型   

原文地址:https://blog.51cto.com/14808507/2496421

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!