0.1.6 • Published 7 years ago

@beisen/ToolTip v0.1.6

Weekly downloads
2
License
ISC
Repository
gitlab
Last release
7 years ago

ToolTip使用说明

功能

用于文字提示

###使用参数

  • title : 提示内容 //需要提示的内容文字
  • hidden: 组件是否隐藏 可选参数 :true,false 默认不隐藏, 可不设置
  • side :组件是否左右显示 可选参数 true ,false 默认为false 可不设置,一般情况下均为false

###使用说明
tip默认向上显示,当向上显示不下时,会向下显示

使用方法

  1. 将组件包裹在需要有提示信息的元素的外部,每个组件内部只能有一个元素
  2. 适用于行内元素 如input、button、a和有span包裹的文字等
  3. 一般情况下只需要设置title值即可

项目运行、打包

  • cnpm installnpm install
  • npm run dev (开发环境打包 port:8080)
  • npm run build (生产环境打包)

组件调用

1.引用组件

2.传入参数

     <a href="#">内容热区</a>
     </ToolTip>
        <span>内容热区<span>  //左右自适应显示
      <ToolTip>
     <img href="#">内容热区 />
     </ToolTip>