今天给大家带来是一个金属的开关，大家看一下，别看着操作很简单但是很复杂的，包括这里面没有用任何的图片和图标，纯用css写出来的，大家可以看一下。
解析一下代码区域，我的开发工具是h pro x开发uni up。
·首先用个vivo式的容器定一个容器，里面放了个第二层的vivo式的容器，里面弄了个老本开关标签，弄一个开关手柄。
·在unif中应该知道是什么意思，就是随着真假而变换样式，两个，大家看这个颜色就应该知道了，是背景滑动的时候，下面就是位置的变化。
·gs部分定义了个flash，在进行点击的时候从真变假，从假变成真的切换，样式就跟着真假进行变换的。
·cs部分都是提前定义好的固定的样式，这是整体的。
·这就是开关容器的基本的设定，大家可以看到它的大小、宽高，取消底部外编剧的，把这个删掉，其实也没什么用，前面多写了，可以删掉。
·这个是开关标签样式的设定，就是颜色根据真假进行变化，说白就是固定的，除了颜色以外其他都是固定的。
·这个就是开关手柄，就金属的手柄的样式，大家可以牢记一下，可以自己动手去写一下。
其实就这么几行，cs部分基本上都是固定的固定色，只有这里进行了真假的切换和样式的切换才形成动态的效果。
喜欢的可以点赞收藏一下，想要这个元代码的可以找我唠嗑或者点击下方都可以，多多会给你们发送，但是我还是点个自己动手去写，我还是建议，今天就先讲到这。