c-popup

蒙层

属性

属性名类型必填默认值说明
maskBoolean否true是否显示透明蒙层
showBoolean是false开启打开popup
centerBoolean否true内容是否垂直水平居中
positionString否内容展示位置，优先级比center高，可选值left/top/right/bottom
c-bind:closeEventHandle否点击蒙层时触发

示例

  1. <template>
  2.     <c-popup  show="{{true}}"  mask="{{true}}"></c-popup>
  3. </template>
  4. <script>
  6. class C_popup   {
  7. }
  8. export default new C_popup();
  9. </script>
  10. <script cml-type="json">
  11. {
  12.   "base": {
  13.       "usingComponents": {
  14.           "c-popup": "cml-ui/components/c-popup/c-popup"
  15.       }
  16.   }
  17. }
  18. </script>

c-popup - 图1wx

c-popup - 图2web

c-popup - 图3native

查看完整示例