警示信息

<div class="bny-alert">
    这是一个警示信息
</div>
<div class="bny-alert" color="green">
    这是一个警示信息
</div>
<div class="bny-alert" color="yellow">
    这是一个警示信息
</div>
<div class="bny-alert" color="red">
    这是一个警示信息
</div>
<div class="bny-alert" color="blue">
    这是一个警示信息
</div>
                

<button class="bny-btn" onclick="bny.alert('消息1', 0, 'scale', 4)">alert 1</button>
<button class="bny-btn" onclick="bny.alert('消息2', 1, 'left', 4)">alert 2</button>
<button class="bny-btn" onclick="bny.alert('消息3', 3, 'right', 4)">alert 3</button>
// 多次调用 bny.alert，会在 #bny-alert-box 容器内垂直堆叠
            

<button hx-ext="bny-alert" hx-get="/test/data/alert.json" hx-trigger="click"
    class="bny-btn">点击我</button>
<button hx-ext="bny-alert" hx-get="/test/data/alert01.json" hx-trigger="click"
    class="bny-btn">点击我-绿色</button>
<button hx-ext="bny-alert" hx-get="/test/data/alert02.json" hx-trigger="click"
    class="bny-btn">点击我-黄色-左移</button>
<button hx-ext="bny-alert" hx-get="/test/data/alert03.json" hx-trigger="click"
    class="bny-btn">点击我-红色-延时10秒</button>
<button hx-ext="bny-alert" hx-get="/test/data/alert04.json" hx-trigger="click"
    class="bny-btn">点击我-蓝色</button>
                

// alert.json
{
    "code": 0,
    "msg": "hello world",
    "time": 3,
    "anim": "scale"
}
// alert01.json
{
    "code": 1,
    "msg": "hello world",
    "time": 3
}
// alert02.json
{
    "code": 2,
    "msg": "hello world",
    "time": 3,
    "anim": "left"
}
// alert03.json
{
    "code": 3,
    "msg": "hello world",
    "time": 10
}
// alert04.json
{
    "code": 4,
    "msg": "hello world 4",
    "time": 3
}