jackwangblog / foundation

Alert, Toast, Loading, ActionSheet 常用组件封装，没有任何依赖，只适用于移动端。

foundation

Alert, Toast, Loading, ActionSheet 常用组件封装，没有任何依赖，只适用于移动端。

Alert(title, content, buttons)

• title: string，必选
• content: string，可选
• buttons: array，或者直接为一个function，可选

import {Alert} from 'foundation';

Alert('注册失败', '该邮箱已经被注册，如果有您有任何疑问请咨询客服。');

Alert('注册失败', () => {
    // do something
});

Alert(
    '注册失败', 
    '该邮箱已经被注册，如果有您有任何疑问请咨询客服。', 
    [
        { text: '取消', onClick: () => {} },
        { text: '确定', onClick: () => {} },
    ]
);

Toast(content, time, callback)

• content: string 必选
• time: number 显示多少毫秒，可选，默认 1500
• callback: function 可选

import {Toast} from 'foundation';

Toast.showTop('注册成功');

Toast.showCenter('注册成功', 3000);

Toast.showBottom('注册成功', 3000, () => {
    // do something
});

Loading()

import {Loading} from 'foundation';

Loading.show();

setTimeout(() => {
    Loading.hide();
}, 2000);

ActionSheet(options)

options:

• title: string，可选
• options: array，必选
• destructiveIndex：number 可选

import {ActionSheet} from 'foundation';

ActionSheet({
    options: [
        {
            text: '我再想想',
            onClick: () => {
                // 是应该好好想想
            }
        },
        {
            text: '就这样吧',
            onClick: () => {
                // 借酒消愁去吧
            }
        }
    ],
    destructiveIndex: 1,
    title: '确认要分手吗？'
});