# 全局

# api

Eadmin.message

参数 说明 类型 默认值
content 提示内容 string -
duration 停留时间 number 2

# 提醒

<script>
    Eadmin.message.info({
        content : 'EAdmin,开箱即用的后台UI'
    });
</script>
1
2
3
4
5

# 成功

<script>
    Eadmin.message.success({
        content : 'EAdmin,开箱即用的后台UI'
    });
</script>
1
2
3
4
5

# 失败

<script>
    Eadmin.message.error({
        content : 'EAdmin,开箱即用的后台UI'
    });
</script>
1
2
3
4
5

# 指定停留时间

<script>
    Eadmin.message.info({
        content  : 'EAdmin,开箱即用的后台UI',
        duration : 5
    });
</script>
1
2
3
4
5
6

# 通知

# api

Eadmin.notice

参数 说明 类型 默认值
title 标题 string -
desc 摘要,如果不设置该值,则会显示为简约版 string -
duration 停留时间 number 5
href 链接 array -
close 关闭后的回调 function -

# 默认通知

<script>
    Eadmin.notice.info({
        title : 'EAdmin',
        desc  : 'EAdmin,开箱即用的后台UI'
    });
</script>
1
2
3
4
5
6

# 成功通知

<script>
    Eadmin.notice.success({
        title : 'EAdmin',
        desc  : 'EAdmin,开箱即用的后台UI'
    });
</script>
1
2
3
4
5
6

# 失败通知

<script>
    Eadmin.notice.error({
        title : 'EAdmin',
        desc  : 'EAdmin,开箱即用的后台UI'
    });
</script>
1
2
3
4
5
6

# 简约版通知

<script>
    Eadmin.notice.info({
        title : '简约版通知'
    });
</script>
1
2
3
4
5

# 自定义时长通知

<script>
    Eadmin.notice.info({
        title    : '自定义时长',
        desc     : 'EAdmin,开箱即用的后台UI,显示3秒',
        duration : 3
    });
</script>
1
2
3
4
5
6
7

# 带链接的通知

<script>
    Eadmin.notice.info({
        title : 'EAdmin',
        desc  : 'EAdmin,开箱即用的后台UI',
        href  : [
            {
                href : '',
                txt  : '查看详情',
                target : '_blank',
                native : true
            }
        ]
    });
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14

# 不自动关闭的通知

<script>
    Eadmin.notice.info({
        title : '不会自动关闭',
        desc  : 'duration设置为0则不会自动关闭',
        duration : 0
    });
</script>
1
2
3
4
5
6
7

# 关闭后有回调的通知

<script>
    Eadmin.notice.info({
        title : '关闭后有回调',
        desc  : 'EAdmin,开箱即用的后台UI',
        close : () => {
            Eadmin.message.success({
                content : '通知消息的关闭回调'
            });
        }
    });
</script>
1
2
3
4
5
6
7
8
9
10
11