0.1.6 • Published 7 years ago
@beisen/ToolTip v0.1.6
ToolTip使用说明
功能
用于文字提示
###使用参数
title : 提示内容 //需要提示的内容文字
hidden: 组件是否隐藏 可选参数 :true,false 默认不隐藏, 可不设置
side :组件是否左右显示 可选参数 true ,false 默认为false 可不设置,一般情况下均为false
###使用说明
tip默认向上显示,当向上显示不下时,会向下显示
使用方法
- 将组件包裹在需要有提示信息的元素的外部,每个组件内部只能有一个元素
- 适用于行内元素 如input、button、a和有span包裹的文字等
- 一般情况下只需要设置title值即可
项目运行、打包
cnpm install
或npm install
npm run dev
(开发环境打包 port:8080)npm run build
(生产环境打包)
组件调用
1.引用组件
2.传入参数
<a href="#">内容热区</a>
</ToolTip>
<span>内容热区<span> //左右自适应显示
<ToolTip>
<img href="#">内容热区 />
</ToolTip>