这个网站是一个根据用户偏好自动切换暗黑模式的Vue.js网站。它使用了JavaScript和CSS来实现这个功能。
通过matchMedia
方法检测用户的系统是否设置为暗黑模式。如果用户已经设置了暗黑模式,那么e
变量的值将为true
,否则为false
。
从localStorage
中获取用户之前设置的颜色方案。如果没有设置过,或者当前系统不是暗黑模式且之前设置的是暗黑模式,那么颜色方案将被设置为“auto”。
使用三元运算符判断当前的颜色方案是否需要切换。如果需要切换,就调用document.documentElement.classList.toggle("dark",!0)
方法来切换暗黑模式。
在CSS部分,定义了两个变量--va-c-bg
,分别表示浅色和深色背景。然后根据当前的颜色方案设置背景颜色。
从localStorage
中获取用户的语言设置。如果没有设置过,那么默认语言为简体中文(zh-CN)。然后将这个语言设置应用到网页上。
还定义了一个名为meting_api
的常量,用于存储音乐API的地址。