**alert組件**
Cyan提供了4種alert彈窗。分別是簡單alert,設置標題和內容alert,超長文本內容alert,其它另類alert。
基本用法
~~~
maple.alert(options)
~~~
options說明
| 參數 | 說明 | 類型 |默認值 |
| --- | --- |--- |--- |--- |
|title|alert標題|string|空
|content|alert內容|string|空
|okText|關閉按鈕文言|string|'確定'
|okFn|alert自動運行的函數|function|null
|okStyle|關閉按鈕樣式|object|null
|okDisable|關閉按鈕是否置灰|boolean|false
|okDisableStyle|關閉按鈕置灰樣式|object|null
## title(alert標題)
~~~
maple.alert({
title:'這是標題'
})
~~~

## content(alert內容)
~~~
maple.alert({
title:'這是標題',
content:'這是內容'
})
~~~

## okText(關閉按鈕文言)
~~~
maple.alert({
title:'這是標題',
content:'這是內容',
okText:'妥了'
})
~~~

## okFn(alert自動運行的函數)
~~~
maple.alert({
content: '',
okFn() {
clearTimeout(timer);
},
callback() {
let str = '其實這個功能沒什么用,我做這個功能只是想讓你明白,你可以動態的去改變這里的文字,以及其他你想改變的東西.你可以查看一下DEMO中的源代碼,看看它是如何實現的。'
let length = str.length;
let index = 1;
timer = setInterval(function() {
vm.content = str.slice(0, index++);
if (index > length) {
clearTimeout(timer);
}
}, 100)
}
})
~~~

## okStyle(關閉按鈕style樣式)
~~~
maple.alert({
title:'這是標題',
content:'這是內容',
okStyle:'background:#ff4c48;'
})
~~~

## okDisable(按鈕是否設置為disable)
默認false顯示okStyle樣式。為true時,執行okDisableStyle樣式。
~~~
maple.alert({
title:'這是標題',
content:'這是內容',
okDisable:true
})
~~~
## okDisableStyle(disable按鈕style樣式)
~~~
maple.alert({
title:'這是標題',
content:'這是內容',
okStyle:'background:#ff4c48;',
okDisable:true,
okDisableStyle:'background:#ccc'
})
~~~
