2019-11-19 20:13:50 +08:00
|
|
|
## 警告
|
|
|
|
|
|
|
|
|
|
|
|
### 警告提示
|
|
|
|
|
|
|
|
放下她, 让我来!!! 默认颜色`#e54d42`, 多选上限的样色
|
|
|
|
|
|
|
|
```
|
|
|
|
/*
|
|
|
|
* COLOR: 自定义颜色, 默认是 options.theme.maxColor的颜色
|
|
|
|
* SUSTAIN: 是否持续显示, 默认为false
|
|
|
|
*/
|
|
|
|
xmSelectObj.warning(COLOR, SUSTAIN);
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
|
|
:::demo
|
|
|
|
```html
|
|
|
|
<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>
|
|
|
|
```
|
|
|
|
:::
|
|
|
|
|
|
|
|
|
|
|
|
### 自定义闪烁颜色
|
|
|
|
|
|
|
|
:::demo
|
|
|
|
```html
|
|
|
|
<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>
|
|
|
|
```
|
|
|
|
:::
|
|
|
|
|
|
|
|
|
|
|
|
### 持续显示
|
|
|
|
|
|
|
|
:::demo
|
|
|
|
```html
|
|
|
|
<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>
|
|
|
|
```
|
|
|
|
:::
|
|
|
|
|