今天给大家带来是一个开关锁，看一下效果。
·18移过去，它是一种开锁的状态，大家也可以通过gs部分来控制，我用的是cs部分来控制的。
·看一下代码区域，我的开发工具又是hprx开发uni app的，大家可以看到用一个box写了一个vivo式图容器，然后再vlog进行关联，里面有一个svg图片，这svg图片就是锁的图标，我没有引用，现成的只是用svg进行编写的，大家可以看到，而且注视也写的很清楚。
·它一个主体形状，锁定的图形，锁脸的图形，翻转动画，旋转动画等等，再形成这种六十度容器里面的样式，大家可以看一下。
·gs部分我留的是空的，大家可以有点基础的可以用gs部分来点击控制，毁掉都可以自己去动手去写一下，也可以用gs部分来控制。
·cs部分首先定了一个box整体的容器样式，隐藏了一个附选框，用第二层的local lobber看一下，就是lobber的样式进行了一个宽高，就是下面锁芯这个位置的宽度高度圆角，鼠标移过去以后手型的形状定义的，大家看注视就知道了。
·下面就是旋转的内部元素，大家看到主要是左倾斜十度，包括居中，下面就是锁链的部分，锁链的部分大家可以也可以看一下，但是左右宽高进行设置，加了一个平滑过渡的效果。
·下面这个就是s图形的宽度，下面就是这三个，大家可以看到，这两个大家可以看到当鼠标停在logo lober的区域后，power是一个鼠标悬停，发生回调，然后进行翻转锁链和翻转右侧，更改背景颜色和缩小锁定的图标，所以形成了鼠标移过去和这种开锁的状态。
如果喜欢的同学可以点赞收藏一下，也可以帮忙转发，也可以自己动手去写一下，想要原代码的不想写的可以找我进行去获取或点击下方都可以。
今天的开关锁就介绍到这，感谢大家。