Wex5 popOver组件的使用

1.popOver是一个遮罩组件，包含两个div，第一个div（x-popOver-overlay）为遮罩的部分，要显示的内容写在第二个div（x-popOver-content）里面

为了方便操作，选择组件点击右键可在设计器中显示和隐藏组件。

2.popOver组件属性

opacity
[float]遮罩透明度，可设为0，即没有阴影效果；

Position
[string]显示位置，相对屏幕的位置，取值范围：top（上）、left（左）、center（居中）、right（右）、bottom（下）；

anchor
[string]停靠位置，指定相对停靠组件的xid；

direction
[string]停靠方向，当设置了anchor属性有效；

3.样式问题

在设计器中对组件设置position方向和div宽高时，发现不能如期按自己所设的显示，位置和宽高都会有所偏差，打开谷歌浏览器的控制台发现pop组件有自带的默认样式。解决方法如下：

4.方法

this.comp(“popOver”).show(); //显示
this.comp(“popOver”).hide(); //隐藏

官网文档：http://docs.wex5.com/comps-popover/