pl-dialog

1.0.6 • Public • Published

pl-dialog

一个基于Vue的Dialog

method of use

npm i pl-dialog

实例文件(用法)

https://github.com/penglei1996/pl-dialog/blob/master/Example/index.vue

Component API

https://github.com/penglei1996/pl-dialog/wiki/Component-API

Attributes(属性)

    value  是否关闭,使用v-model绑定  Boolean

    width  弹框宽度(必须值)   String 默认值 0px

    height 弹框高度 默认 100%   String

    duration // 动画时长 单位ms  默认 300   String

    modalStyle // 弹框样式 (可以用于强制指定 z-index) (实例::modal-style="{top: '330px',zIndex: 800}")

    position // 弹框位置 默认值 right 可取值 ['left', 'right', 'top', 'bottom'. 'center']

   direction // 运动方向 默认 width  // 不能针对position属性为 center的值 可取值 ['width', 'height']

   hideOnBlur // 点击遮罩时是否自动关闭 默认值 true Boolean

   showMask // 是否显示遮罩 默认值 true Boolean

Methods(方法)

this.$refs.plDialog.clearNode() 删除节点

Versions

Current Tags

  • Version
    Downloads (Last 7 Days)
    • Tag
  • 1.0.6
    1
    • latest

Version History

Package Sidebar

Install

npm i pl-dialog

Weekly Downloads

1

Version

1.0.6

License

ISC

Unpacked Size

11.1 kB

Total Files

5

Last publish

Collaborators

  • raypeng