@jspatrick/tooltip

1.3.20 • Public • Published

A vue component Popupwindow Plug

npm install @jspatrick/tooltip --save
// main.js
import Popup from '@jspatrick/tooltip'
import '@jspatrick/tooltip/dist/popup.css'
Vue.use( Popup, { router, vuex } )

// component
this.$popup({
    render: component,
    mask: Mask,
    blur: false,    // 弹窗背景虚化
    background: `background: rgba(12, 49, 70, 0.5);
        box-shadow: 0px -1px 5px 2px rgba(2, 13, 20, 0.69);`, // 背景css
    outline: {  // 框线和四个角的样式
        mode:'1234',
        color:'#25d4ff',
        size:'15',
        margin:'-24',
        showBorder: true,
        border:'1px solid #25d4ff'
    },
    trackMouse: false,  // 弹窗是否追随鼠标位置
    position:{      // 弹窗位置
        left: 0,
        top: 0	
    },
    closeImg: null, // 关闭图标
    zIndex: null,       // 层级
})

Readme

Keywords

Package Sidebar

Install

npm i @jspatrick/tooltip

Weekly Downloads

20

Version

1.3.20

License

MIT

Unpacked Size

537 kB

Total Files

46

Last publish

Collaborators

  • jspatrick
  • kaixiang
  • bobo_w