提示 & 菜单(tooltips & menu)

April 24, 2022 · View on GitHub

提示用法

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出现方向stringright
xx坐标string
yy坐标string
closable点击其他空白处是否关闭string
viewAppendtips挂载的domdombody
targetDom出现tips或者menu的domHTML DOM
genTipDom此方法返回一个dom,为提示或菜单的内容展示funtion