pagedark

一个基于 vue2 的全局黑夜模式切换组件。

https://pagedark.netlify.app/

1. 组件可以在切换时给html添加类名class="themedark"，可以根据需求编写黑夜模式样式。
2. 浏览器判断是否存在黑夜状态，并且自动保存，持续使用。

Use

npm i pagedark

在 main.js 文件中引入。

// main.js
import PageDarkSwitch from 'pagedark'
Vue.component(PageDarkSwitch.name, PageDarkSwitch)

在需要切换的地方引入即可。

// app.vue
<PageDarkSwitch />

如果报错，检查是否安装 sass-loader 依赖。

npm install node-sass --save-dev //安装node-sass
npm install sass-loader --save-dev //安装sass-loader
npm install style-loader --save-dev //安装style-loader