From f8067a7181c2161cd843d47c81bd95d3036fc96d Mon Sep 17 00:00:00 2001
From: GuangChen2333 <guangchen233@163.com>
Date: Sun, 12 Dec 2021 13:31:55 +0000
Subject: [PATCH] =?UTF-8?q?Fix:=20#I3TFTW=20=E6=96=87=E6=A1=A3=E4=B8=8D?=
 =?UTF-8?q?=E5=AF=B9=E7=89=88=EF=BC=8C=E5=8E=9F=E5=9B=A0=E6=98=AF=E4=BD=A0?=
 =?UTF-8?q?=E6=8A=8A:checked:before=E7=9A=84=E7=9B=B8=E5=85=B3=E5=86=85?=
 =?UTF-8?q?=E5=AE=B9=E9=83=BD=E5=88=A0=E4=BA=86[=E7=AC=91=E5=93=AD]?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/UI/UI-switch.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/docs/UI/UI-switch.md b/docs/UI/UI-switch.md
index d19afb9..a14e274 100644
--- a/docs/UI/UI-switch.md
+++ b/docs/UI/UI-switch.md
@@ -2,6 +2,8 @@
 
 目前switch样式共有四种配色
 
+<style>.switch-green{width:57px;height:28px;position:relative;border:1px solid #dfdfdf;background-color:#fdfdfd;box-shadow:#dfdfdf 0 0 0 0 inset;border-radius:20px;background-clip:content-box;display:inline-block;-webkit-appearance:none;user-select:none;outline:0}.switch-green:before{content:'';width:26px;height:26px;position:absolute;top:0;left:0;border-radius:20px;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.4)}.switch-green:checked{border-color:#64bd63;box-shadow:#64bd63 0 0 0 16px inset;background-color:#64bd63}.switch-green:checked:before{left:30px}.switch-green.switch-anim-green{transition:border cubic-bezier(0,0,0,1) .4s,box-shadow cubic-bezier(0,0,0,1) .4s}.switch-green.switch-anim-green:before{transition:left .3s}.switch-green.switch-anim-green:checked{box-shadow:#64bd63 0 0 0 16px inset;background-color:#64bd63;transition:border ease .4s,box-shadow ease .4s,background-color ease 1.2s}.switch-green.switch-anim-green:checked:before{transition:left .3s}.switch-blue{width:57px;height:28px;position:relative;border:1px solid #dfdfdf;background-color:#fdfdfd;box-shadow:#dfdfdf 0 0 0 0 inset;border-radius:20px;background-clip:content-box;display:inline-block;-webkit-appearance:none;user-select:none;outline:0}.switch-blue:before{content:'';width:26px;height:26px;position:absolute;top:0;left:0;border-radius:20px;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.4)}.switch-blue:checked{border-color:#4191f7;box-shadow:#4191f7 0 0 0 16px inset;background-color:#4191f7}.switch-blue:checked:before{left:30px}.switch-blue.switch-anim-blue{transition:border cubic-bezier(0,0,0,1) .4s,box-shadow cubic-bezier(0,0,0,1) .4s}.switch-blue.switch-anim-blue:before{transition:left .3s}.switch-blue.switch-anim-blue:checked{box-shadow:#4191f7 0 0 0 16px inset;background-color:#4191f7;transition:border ease .4s,box-shadow ease .4s,background-color ease 1.2s}.switch-green.switch-anim-blue:checked:before{transition:left .3s}.switch-yellow{width:57px;height:28px;position:relative;border:1px solid #dfdfdf;background-color:#fdfdfd;box-shadow:#dfdfdf 0 0 0 0 inset;border-radius:20px;background-clip:content-box;display:inline-block;-webkit-appearance:none;user-select:none;outline:0}.switch-yellow:before{content:'';width:26px;height:26px;position:absolute;top:0;left:0;border-radius:20px;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.4)}.switch-yellow:checked{border-color:#fc3;box-shadow:#fc3 0 0 0 16px inset;background-color:#fc3}.switch-yellow:checked:before{left:30px}.switch-yellow.switch-anim-yellow{transition:border cubic-bezier(0,0,0,1) .4s,box-shadow cubic-bezier(0,0,0,1) .4s}.switch-yellow.switch-anim-yellow:before{transition:left .3s}.switch-yellow.switch-anim-yellow:checked{box-shadow:#fc3 0 0 0 16px inset;background-color:#fc3;transition:border ease .4s,box-shadow ease .4s,background-color ease 1.2s}.switch-yellow.switch-anim-yellow:checked:before{transition:left .3s}.switch-red{width:57px;height:28px;position:relative;border:1px solid #dfdfdf;background-color:#fdfdfd;box-shadow:#dfdfdf 0 0 0 0 inset;border-radius:20px;background-clip:content-box;display:inline-block;-webkit-appearance:none;user-select:none;outline:0}.switch-red:before{content:'';width:26px;height:26px;position:absolute;top:0;left:0;border-radius:20px;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.4)}.switch-red:checked{border-color:#f30000;box-shadow:#f30000 0 0 0 16px inset;background-color:#f30000}.switch-red:checked:before{left:30px}.switch-red.switch-anim-red{transition:border cubic-bezier(0,0,0,1) .4s,box-shadow cubic-bezier(0,0,0,1) .4s}.switch-red.switch-anim-red:before{transition:left .3s}.switch-red.switch-anim-red:checked{box-shadow:#f30000 0 0 0 16px inset;background-color:#f30000;transition:border ease .4s,box-shadow ease .4s,background-color ease 1.2s}.switch-red.switch-anim-red:checked:before{transition:left .3s}</style>
+
 <input class="switch-green switch-anim-green" type="checkbox" checked>
 
 ```html
-- 
Gitee