ES6炫酷开关按钮特效插件

ES6炫酷开关按钮特效插件

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

基于es6的iOS开关按钮

使用方法
通过npm来安装。

1
npm i jelly-switch

或在页面中直接引入。

1
<script src ="https://unpkg.com/jelly-switch@0.2.3/lib/index.min.js"></script>

使用模块导入

1
import { JellySwitch } from "jelly-switch"

HTML结构
在html页面中使用

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

使用插槽

1
2
3
<jelly-switch id="js1">
    <p slot="content-left">On/Off</p>
</jelly-switch>

API

1
2
3
4
5
6
7
8
9
10
checked

<jelly-switch id="js1" checked></jelly-switch>
或者
js1.checked = true
disabled

<jelly-switch id="js1" disabled></jelly-switch>
或者
js1.disabled = true
当前内容只有登录了才能查看,如果您已经注册,请登录
2

发表评论