meri-design/dist/theme/Toggle.css

基于vue框架的ui库

/*!
 * @meri-design v2.2.19-beta10
 * (c) 2019-2022 YuShu-Web
 * Released under the MIT License.
 * 2025-01-14 15:25:40
 */.p-toggle{border-radius:11px;cursor:pointer;display:inline-block;height:22px;position:relative;transition:background-color .3s;vertical-align:middle;width:40px}.p-toggle:before{background-color:#fff;border-radius:9px;box-shadow:0 2px 10px rgba(31,35,41,.1);content:"";display:block;height:18px;position:absolute;top:2px;transition:right .2s;width:18px;z-index:2}.p-toggle input{display:none;height:0;width:0}.p-toggle+.p-toggle{margin-left:8px}.p-toggle-off{background-color:#c4c9cf}.p-toggle-off:before{right:20px}.p-toggle-on{background-color:#246fe5}.p-toggle-on:before{right:2px}.p-toggle-disable-on{background-color:#9fc9fb;cursor:not-allowed}.p-toggle-disable-off{background-color:#e1e5eb;cursor:not-allowed}