#### `popover菜單`
[預覽](https://aui-js.github.io/aui/pages/api/plugs/popover.html) </br>
參數 | 類型 | 描述 | 默認值 | 必選
---- | ----- | ------ | ----- | ----
warp | string | 父容器元素 | 'body' | 否
items | arr | 菜單列表[{name: "", color: "", icon: "iconfont icongfont-right", iconColor: '', img: "", fontSize: "", textAlign: ""}] | [] | 否
mask | boolean | 是否顯示遮罩蒙版 | false | 否
touchClose | boolean | 觸摸遮罩是否關閉模態彈窗 | true | 否
location | string | 位置 </br>top: 設置彈窗顯示到觸發元素“上”方;</br> bottom: 設置彈窗顯示到觸發元素“下”方; | 'top' | 否
````html
<link rel="stylesheet" type="text/css" href="https://aui-js.github.io/aui/static/css/aui.min.css"/>
<link rel="stylesheet" type="text/css" href="https://aui-js.github.io/aui/static/css/aui.popover.css"/>
<script type="text/javascript" src="https://aui-js.github.io/aui/static/js/aui.min.js"></script>
<script type="text/javascript" src="https://aui-js.github.io/aui/static/js/aui.popover.js"></script>
````
> 示例：
````javascript
aui.popover.open({
warp: '.aui-header-right',
items: [
{name: '微信', img: '../../img/weixin.png'},
{name: '朋友圈', img: '../../img/pengyouquan.png'},
{name: 'QQ', img: '../../img/QQ.png'},
{name: '微博', img: '../../img/weibo.png'}
],
mask: true,
location: 'bottom'
},function(ret){
console.log(ret);
aui.toast({msg: ret.el.querySelector("span").innerHTML});
})
````
