mirror of https://gitee.com/ElemeFE/element.git synced 2024-12-02 20:28:52 +08:00

History

Herrington Darkholme 23423e39e7 general: normalize name in default export		2017-01-01 01:11:21 +08:00
..
src	general: normalize name in default export	2017-01-01 01:11:21 +08:00
cooking.conf.js	Support publish component packages	2016-10-17 12:14:10 +08:00
index.js	Components: use es2015 export module, fixed #907	2016-11-08 15:01:00 +08:00
package.json	component README update and fix	2016-12-16 10:57:54 +08:00
README.md	component README update and fix	2016-12-16 10:57:54 +08:00

A element-tooltip component for Vue.js.

Demo

Installation

npm i element-tooltip -D

import Vue from 'vue'
import ElTooltip from 'element-tooltip'
import 'element-theme-default/dist/tooltip.css'

Vue.use(ElTooltip)

import Vue from 'vue'
import ElTooltip from 'element-tooltip'

Vue.component('el-tooltip', ElTooltip)

参数	说明	类型	可选值	默认值
effect	默认提供的主题	String	dark/light	dark
content	显示的内容，也可以通过 `slot#content` 传入 DOM	String	—	—
placement	Tooltip 的出现位置	String	top/top-start/top-end/bottom/bottom-start/bottom-end/left/left-start/left-end/right/right-start/right-end	bottom
value(v-model)	状态是否可见	Boolean	—	false
disabled	Tooltip 是否可用	Boolean	—	false
offset	出现位置的偏移量	Number	—	0
transition	定义渐变动画	String	—	`fade-in-linear`
visible-arrow	是否显示 Tooltip 箭头，更多参数可见Vue-popper	Boolean	—	true
options	popper.js 的参数	Object	参考 popper.js 文档	`{ boundariesElement: 'body', gpuAcceleration: false }`
openDelay	延迟出现，单位毫秒	Number	—	0
manual	手动控制模式，设置为 true 后，mouseenter 和 mouseleave 事件将不会生效	Boolean	—	false

make dev

## test
make test

## build
make build