@leophen/lp-tooltip NPM

LpTooltip 文字提示组件

用于鼠标移入时显示的文字提示

npm i @leophen/lp-tooltip

import LpTooltip from '@leophen/lp-tooltip.vue'

Vue.component(Tooltip.name, Tooltip)

<LpTooltip
	content="文字提示"
	theme="light"
	position="bottom"
	:enterable="true"
	transition="ease-in-out"
>
	<button>我是一个按钮</button>
</LpTooltip>

参数	说明	类型	可选值	默认值
content	提示内容	String	-	提示内容
theme	提示主题	String	light / dark	light
position	提示的位置	String	top / top-start / top-end / bottom / bottom-start / bottom-end / left / left-star t /left-end / right / right-start / right-end	bottom
enterable	鼠标是否可移入提示框	Boolean	true / false	false
transition	提示动画效果	String	ease / ease-in / ease-out / ease-in-out / 贝塞尔曲线	ease-in-out

4 years ago