在sapper中更新正文背景颜色

Sapper是一个基于Svelte框架的应用程序开发框架，用于构建高性能的Web应用程序。在Sapper中更新正文背景颜色可以通过以下步骤实现：

在Sapper项目中找到需要更新背景颜色的组件或页面。
在组件或页面的样式文件中，使用CSS或Sass等技术来定义背景颜色。例如，可以使用以下代码来设置背景颜色为红色：

body {
  background-color: red;
}

如果需要根据特定条件动态更新背景颜色，可以在组件或页面的JavaScript代码中使用条件语句或事件监听来实现。例如，可以使用以下代码来根据按钮点击事件更新背景颜色为蓝色：

import { onMount } from 'svelte';

let backgroundColor = 'red';

onMount(() => {
  const button = document.querySelector('button');
  button.addEventListener('click', () => {
    backgroundColor = 'blue';
  });
});

如果需要将背景颜色作为属性传递给子组件，可以使用Svelte的props机制来实现。例如，可以在父组件中定义一个属性，并将其传递给子组件：

<script>
  import ChildComponent from './ChildComponent.svelte';

  let backgroundColor = 'red';
</script>

<style>
  .parent {
    background-color: {backgroundColor};
  }
</style>

<div class="parent">
  <ChildComponent {backgroundColor} />
</div>