uniapp css样式填充
时间: 2023-09-08 21:11:51 浏览: 163
uni-app中使用scss的示例代码
5星 · 资源好评率100%
在UniApp中,你可以使用内联样式或者全局样式来填充CSS样式。
一内联样式:
你可以在组件中直接使用style属性来设置内联样式,例如:
```html
<view style="background-color: red; color: white;">Hello UniApp!</view>
```
这样就会将背景色设置为红色,字体颜色设置为白色。
二、全局样式:
UniApp提供了App.vue和uni.css文件来设置全局样式。你可以在App.vue的style标签中添加全局样式,例如:
```html
<style>
.my-class {
background-color: red;
color: white;
}
</style>
```
然后在其他组件中使用该样式类名,例如:
```html
<view class="my-class">Hello UniApp!</view>
```
这样就会将背景色设置为红色,字体颜色设置为白色。
希望对你有帮助!如果还有其他问题,请继续提问。
阅读全文