uniapp实现夜间模式

uni-app 实现夜间模式有多种方式，以下是其中的两种实现方式：

1. 通过 uni.css 全局样式文件实现

在 uni.css 中添加一个类名 .dark，然后将需要调整的样式放在该类名下。接着，通过 JS 代码判断当前是否开启夜间模式，如果开启，则给 html 标签添加 .dark 类名，否则移除该类名。代码示例如下：

// 在 uni.css 中添加如下代码
.dark {
  background-color: #333;
  color: #fff;
  /* 其他需要调整的样式 */
}

// 在 JS 中添加如下代码
if (isNightMode) {
  document.documentElement.classList.add('dark');
} else {
  document.documentElement.classList.remove('dark');
}

2. 通过动态加载 css 文件实现

新建一个 dark.css 文件，将需要调整的样式都写在该文件中。接着，通过 JS 代码判断当前是否开启夜间模式，如果开启，则动态创建一个 link 标签并引入 dark.css 文件，否则移除该 link 标签。代码示例如下：

// 在 JS 中添加如下代码
let link = null;

if (isNightMode) {
  link = document.createElement('link');
  link.href = '/static/css/dark.css';
  link.rel = 'stylesheet';
  document.head.appendChild(link);
} else if (link) {
  document.head.removeChild(link);
}