微信小程序给body设置样式
时间: 2023-07-07 17:13:04 浏览: 372
微信小程序项目实例——体质计算器
5星 · 资源好评率100%
可以在微信小程序的页面配置文件(.json文件)中设置页面的样式,包括页面背景色、文字颜色等。具体可以在json文件中使用"navigationBarBackgroundColor"、"navigationBarTextStyle"等属性来设置样式,例如:
```
{
"navigationBarBackgroundColor": "#ffffff",
"navigationBarTextStyle": "black",
"backgroundColor": "#eeeeee",
"backgroundTextStyle": "light"
}
```
此外,如果需要设置更具体的样式,可以在页面的wxml文件中使用class和style属性来设置。例如:
```
<view class="my-class" style="color: red;">Hello World!</view>
```
这样就可以给view组件设置一个名为"my-class"的样式类,并且设置文字颜色为红色。在对应的wxss文件中,可以定义该样式类的具体样式,例如:
```
.my-class {
font-size: 24rpx;
text-align: center;
}
```
这样就可以设置文字大小为24像素,居中对齐。
阅读全文