ES6炫酷开关按钮插件

当前位置:主页 > jQuery库 > 表单 > ES6炫酷开关按钮插件
ES6炫酷开关按钮插件
分享:

    插件介绍

    这是一款使用ES6编写的iOS样式开关按钮插件。该开关按钮切换状态时带炫酷的动画特效,支持npm安装,支持插槽和自定义样式,使用非常方便。

    浏览器兼容性

    浏览器兼容性
    时间:2019-02-21
    阅读:
简要教程

这是一款使用ES6编写的iOS样式开关按钮插件。该开关按钮切换状态时带炫酷的动画特效,支持npm安装,支持插槽和自定义样式,使用非常方便。

基于es6的iOS开关按钮

使用方法

通过npm来安装。

npm i jelly-switch               
                

或在页面中直接引入。

<script src ="https://unpkg.com/jelly-switch@0.2.3/lib/index.min.js"></script>  
                
使用模块导入
import { JellySwitch } from "jelly-switch"                  
                
HTML结构

在html页面中使用

<jelly-switch id="js1"></jelly-switch>
                
使用插槽
<jelly-switch id="js1">
    <p slot="content-left">On/Off</p>
</jelly-switch>                  
                

API

checked

<jelly-switch id="js1" checked></jelly-switch>
                

或者

js1.checked = true
                

disabled

<jelly-switch id="js1" disabled></jelly-switch>
                

或者

js1.disabled = true
                

该ES6 iOS样式开关按钮插件的github网址为:https://github.com/akhil0001/jellySwitch