iakit
无依赖 mini 组件库,只封装了 alert, toast, loading, actionSheet 等使用频率较高的组件。适用于类似 H5 活动页的简单移动端项目,不必为了使用这些组件而引入一个大而全的 UI 库和框架。
iakit.alert |
iakit.loading |
iakit.actionSheet |
iakit.toast |
usage
使用 yarn/npm 安装,以模块化方式引入
$ yarn add iakit
iakitiakitloadingiakitiakittoast
直接引入文件,比如使用 CDN
iakit.alert(title, content, buttons)
- title:
string
,可选 - content:
string
,必选 - buttons:
array
|function
,可选(button 结构:{ text: String, onClick: Function })
// demo 1.iakit // demo 2.iakit
自定义选项
z-index
:在页面有其他元素的使用了定位并且层级比较高时可以使用这个参数调整 alert 的层级btnText
: 默认按钮的文案是 “确定”,可以通过这个参数修改
iakitalert
iakit.toast.showTop(content, time, callback)
- content:
string
必选 - time:
number
显示多少毫秒,可选,默认 1500 - callback:
function
toast 消失后的回调,可选
// demo 1.iakittoast // demo 2.iakittoast // demo 3.iakittoast
iakit.loading.show()
iakitloading
iakit.actionsheet(options)
options:
- title:
string
,可选 - options:
array
可以操作的选项,必选(option 结构:{ text: String, disable: Boolean, onClick: Function }) - destructiveIndex:
number
危险选项的 index, 可选
iakit
License
MIT