## message控件

用于即时信息的提示，消息背景色取决于消息类型，易可添加相对应的`icon`

### 插件依赖

依赖于 http://design.yonyoucloud.com/static/uui/latest/js/u.js

### 用法

1.定义触发弹出事件的DOM

```
<button id="msgBtn" class="u-button" >Success</button>

```
2.定义弹出信息的具体内容

```
var rightInfo='<i class="uf uf-correct margin-r-5"></i>成功信息!!!';

```

3.js 获取dom

```
var msgBtn = document.body.querySelector("#msgBtn");

```

4.绑定弹框事件

```
u.on(msgBtn,'click', function(){
    u.showMessage({msg:rightInfo,position:"center"})
})

```

### API

#### js参数
<table>
  <tbody>
  	  <tr>
	    <td>名称</td>
	    <td>类型</td>
	    <td>默认值</td>
	    <td>描述</td>
	    <td></td>
	  </tr>
	  <tr>
	    <td>msg</td>
	    <td>html片段</td>
	    <td>无</td>
	    <td><i class="uf uf-correct margin-r-5"></i>成功信息!!!';</td>
	    <td></td>
	  </tr>
	  <tr>
	    <td>position</td>
	    <td>string</td>
	    <td>center</td>
	    <td>取值范围：center,top,right,left,bottom.定义弹框显示位置</td>
	    <td></td>
	  </tr>
	</tbody>
</table>