警告

警告提示

放下她, 让我来!!! 默认颜色#e54d42, 多选上限的样色

/*
 *  COLOR: 自定义颜色, 默认是 options.theme.maxColor的颜色
 *  SUSTAIN: 是否持续显示, 默认为false
 */
xmSelectObj.warning(COLOR, SUSTAIN);

<div id="demo1" class="xm-select-demo"></div>
<button class="btn" id="demo1-warning">警告</button>

<script>
var demo1 = xmSelect.render({
    el: '#demo1', 
    data: [
        {name: '张三', value: 1, selected: true},
        {name: '李四', value: 2},
        {name: '王五', value: 3, disabled: true},
    ]
})

document.getElementById('demo1-warning').onclick = function(){
    demo1.warning();
}
</script>

自定义闪烁颜色

<div id="demo2" class="xm-select-demo"></div>
<button class="btn" id="demo2-warning">警告</button>

<script>
var demo2 = xmSelect.render({
    el: '#demo2', 
    data: [
        {name: '张三', value: 1, selected: true},
        {name: '李四', value: 2},
        {name: '王五', value: 3, disabled: true},
    ]
})

document.getElementById('demo2-warning').onclick = function(){
    demo2.warning('#6739b6');
}
</script>

持续显示

<div id="demo3" class="xm-select-demo"></div>
<button class="btn" id="demo3-warning">警告</button>

<script>
var demo3 = xmSelect.render({
    el: '#demo3', 
    data: [
        {name: '张三', value: 1, selected: true},
        {name: '李四', value: 2},
        {name: '王五', value: 3, disabled: true},
    ]
})

document.getElementById('demo3-warning').onclick = function(){
    demo3.warning('#6739b6', true);
}
</script>