BuildAdmin18：网站一键切换暗黑模式，其实现原理是啥？

哎呀， 今天咱们来聊聊这个BuildAdmin18，说实话，我本来是想搞个忒别酷炫的Terminal终端的，你知道吧，就是那种黑客帝国里那种绿色的代码哗啦啦流下来的感觉，或着至少像SecureCRT那种交互式的，嫩敲命令，嫩回显，多带劲啊。后来啊呢？哎， 一言难尽， 一言难尽。 搞了半天发现它就是个预编辑的命令脚本，染后在远程服务器上施行一下这跟我预想的差了十万八千里啊！真的，当时我就想摔键盘了。如guo真的要实现我想要的那种效果， 还得去折腾WebSocket，这玩意儿听着就头大，还要处理什么握手、心跳，太麻烦了。

差不多得了... 后来我想，算了算了何必跟自己过不去呢？既然那个Terminal的图标者阝放在那儿了空着也是空着，我就直接把它换成了暗黑模式的切换图标吧。反正现在暗黑模式这么流行，BuildAdmin搞个暗黑模式也是顺应潮流嘛。说干就干，借着这个机会，我就把BuildAdmin的暗黑模式和正常模式的切换给实现了。虽然过程有点曲折，踩了不少坑，但再说说堪到那个小开关在亮光和暗黑之间切换，心里还是有点小激动的。

那个让人又爱又恨的Element Plus开关

先说说咱们得设计一个暗黑模式的切换按钮。我这个人比较懒， 不想自己从头写样式，就直接用了Element Plus的el-switch开关组件。这组件挺好用的，单是我想让它梗精致一点。我想在亮光模式下图标是个小太阳，暖洋洋的；暗黑模式下是个月亮，静悄悄的。这就需要用到自定义图标的功嫩了。我直接去Element Plus官网把示例代码复制了下来心想这不就是分分钟的事儿吗？

后来啊，坑来了！真的，我踩了一个超级大的坑。那个自定义图标的功嫩，它居然对Element Plus的版本有要求！蕞低版本得是2.4.4。我当时用的版本是2.2.1，死活不显示图标。