为Nuxt.Js安装黑暗模式
为Nuxt.Js安装黑暗模式
提问于 2019-06-26 08:37:43
我想在我的Nuxt.Js应用程序中安装一个黑暗模式(使用Vue.Js)，这样我就可以在我的应用程序中动态地改变我的主题。
我使用Ant作为前端框架，并且已经发布了一个有关方法的问题，我可以使用这些方法来修改颜色vars，但是我没有答案。
所以我想知道你们中有没有人知道如何用Nuxt.Js安装黑暗模式
提前感谢！
回答 1
Stack Overflow用户
发布于 2020-04-18 11:38:10
2020更新
使用@nuxtjs/color模式库这里可以很容易地做到这一点。
- 将@nuxtjs/色模式依赖项添加到项目中
- 将@nuxtjs/color-模式添加到buildModules部分的nuxt.config.js中
- 开始用.暗模式和..light模式类对CSS进行主题化
你可以用nuxt.config.js编辑它
colorMode: {
preference: 'system', // default value of $colorMode.preference
fallback: 'light', // fallback value if not system preference found
hid: 'nuxt-color-mode-script',
globalName: '__NUXT_COLOR_MODE__',
componentName: 'ColorScheme',
cookie: {
key: 'nuxt-color-mode',
options: {
path: nuxt.options.router.base // https://nuxtjs.org/api/configuration-router#base
}
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56768612
复制相关文章
相似问题
腾讯云开发者
