**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