**popup组件**
Cyan提供了多种弹窗,可以通过参数实现多种弹窗样式。
~~~
<cmui-popup options>
content
</cmui-popup>
~~~
options说明
| 参数 | 说明 | 类型 |默认值 |
| --- | --- |--- |--- |--- |
| visible | 弹窗是否显示| boolean|false |
|maskEvent|点击背景是否关闭|boolean|true
|position|弹出方向 center rignt top bottom left 5种|string|'right'
|stopPageScroll|是否阻止页面滚动|boolean|true
|targetStyle|加入style样式|object|空
|targetClass|加入class样式|array|空
## visible(弹窗是否显示)
visible控制弹窗是否显示。popup组件基本被其它组件调用,加上sync双向绑定数据。
~~~
<cmui-popup :visible.sync="true">
content
</cmui-popup>
~~~

## maskEvent(点击背景是否关闭)
~~~
<cmui-popup :mask-event="true">
content
</cmui-popup>
~~~

## position(弹出方向)
~~~
<cmui-popup :position="right">
content
</cmui-popup>
~~~

~~~
<cmui-popup :position="top">
content
</cmui-popup>
~~~

~~~
<cmui-popup :position="bottom">
content
</cmui-popup>
~~~

~~~
<cmui-popup :position="left">
content
</cmui-popup>
~~~

~~~
<cmui-popup :position="center">
content
</cmui-popup>
~~~

## stopPageScroll(是否阻止页面滚动)
默认当弹窗出现,页面禁止滚动。反之可以页面滚动。
## targetStyle(加入style样式)
加入自定义style
## targetClass(加入class样式)
加入自定义class