html - 无法为 Framework7 + Vue App 设置主体背景颜色

Question

由于某些原因，我无法通过简单的使用来设置背景颜色

body {
 background-color: red;
}

在我的 App.vue 文件中。

我可以使用 page-content 改变背景颜色:

.page-content {
 background-color: red;
}

但这是一个糟糕的 hack，因为它还会弄乱我的面板和其他组件。

有没有一种可靠的方法可以为 F7+Vue 应用设置背景颜色？

Answer 1

将页面元素的类名设置为 <f7-page class="bg" ..

和CSS

.bg.page {
  background-color: red;

}