一、前言
开关在前端中算是比较常用的组件之一，目前我见到其最广泛的用途是用在切换网站主题上的。
比如vue官网切换主题用的就是开关组件：
而且它这个开关组件还添加了图标样式。
本文的目标就是用html、css、js来实现一个与它一模一样的开关主键。
二、代码实现
开关组件在html中是没有原生标签的，所以这次我们直接使用div标签实现即可。
老规矩，还是先写好基本的代码：
酷程网
专栏
反馈
开关在前端中算是比较常用的组件之一，目前我见到其最广泛的用途是用在切换网站主题上的。
比如vue官网切换主题用的就是开关组件：
而且它这个开关组件还添加了图标样式。
本文的目标就是用html、css、js来实现一个与它一模一样的开关主键。
开关组件在html中是没有原生标签的，所以这次我们直接使用div标签实现即可。
老规矩，还是先写好基本的代码：
