全局背景颜色设置方式:
在App.vue
的style
样式表中设置
<style lang="scss">
page {
background-color: #F0AD4E;
}
</style>
单页面背景色设置方式:
对应页面中的style
样式表中设置,且不能有scoped
属性,如果需要使用带scoped
属性的样式表,则重新创建一个样式表单独写背景色样式
<style lang="scss" scoped>
@import './home.scss';
</style>
<style>
page {
background-color: #f7f7f7;
font-family: PingFangSC-Regular;
}
</style>