Skip to content

Latest commit

 

History

History
39 lines (35 loc) · 1.32 KB

tooltip.md

File metadata and controls

39 lines (35 loc) · 1.32 KB

提示 & 菜单(tooltips & menu)

提示用法

import {Tips} from 'butterfly-dag';
let container = document.getElementById('.you-target-dom');
Tips.createTip({
  className: `butterfly-custom-tips`,
  targetDom: container,
  genTipDom: () => { return $('<div>内容</div>')[0] },
  placement: 'right'
});

菜单用法

import {Tips} from 'butterfly-dag';
let container = document.getElementById('.you-target-dom');
Tips.createMenu({
  className: `butterfly-custom-menu`,
  targetDom: container,
  genTipDom: () => { return $('<div>内容</div>')[0] },
  placement: 'right',
  action: 'click',
  closable: true
});

API

参数 说明 类型 必选 默认值
className 类名 string
placement 出现方向 string right
x x坐标 string
y y坐标 string
closable 点击其他空白处是否关闭 string
targetDom 出现tips或者menu的dom HTML DOM
genTipDom 此方法返回一个dom,为提示或菜单的内容展示 funtion