js原生UI组件库,不依赖任何库

需引用 commmonCss/dist/css/common.css

目录

• toast
• modal

toast {#toast}

toast提示

1.1 使用

1.1.1 commonJs规范

1 安装  npm install js-toast
2 引用  import toast from 'js-toast'
3 使用  toast({content:'xxx'})

1.1.2 引用 dist下js

1.2 参数

名称	类型	描述	必选	默认值
content	string	弹框内容	Y	{ }
type	string	弹框种类 toast和loading	N	toast
time	number	弹框时间	N	1000
finish	function	弹框回调	N
zIndex	number	弹框层级	N	999

1.3 示例

    // toast提示
    toast({
        content:'弹框',
        time: 2000
    });
    
    // loading提示
    toast({
        type:'loading',
        content:22222
    });

modal {#modal}

modal对话框

1.1 使用

1.1.1 commonJs规范

1 安装  npm install js-modal
2 引用  import modal from 'js-modal'
3 使用  modal({content:'xxx'})

1.1.2 引用 dist下js

1.2 参数

名称	类型	描述	必选	默认值
content	string	模拟框内容	Y
title	string	模拟框标题	N
cancelText	string	取消按钮文字	N
confirmText	string	确认按钮文字	N	确认
cancel	function	取消点击事件	N	关闭当前模拟框
confirm	function	确认点击事件	N	点击关闭当前模拟框
time	number	弹框时间	N	不自动关闭当前模拟框
finish	function	弹框自动回调 必须配置time time时间结束后自动执行回调事件	N	默认没回调事件
zIndex	number	弹框层级	N	层级为999

1.3 示例

    modal({
        content:'模拟框',
        cancel:() => {
            console.log('取消')
        },
        finish:() => {
            console.log('结束')
        },
        time:2000,
        confirm:() => {
            console.log('确认')
        },
    });