Tooltip 文字提示
(1.0.0-beta.4 版本开始支持)
使用指南
安装 Taro3 版本
npm install @lylb/tzo-ui@beta
在 Taro3 文件中引入组件
import { ZoTooltip } from '@lylb/tzo-ui';
组件依赖的样式文件（仅按需引用时需要）
@import '~@lylb/tzo-ui/dist/style/components/tooltip.scss';
一般用法
import React from 'react';import { ZoTooltip } from '@lylb/tzo-ui';export default class Index extends React.Component {constructor() {super(...arguments);this.state = {};}render() {return (<ZoTooltip text="我是提示文字内容" maxWidth={300}>点击</ZoTooltip>);}}
参数
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| text | 提示文字内容 | string | 必填 | - |
| customClass | 自定义样式类名 | string | - | - |
| customStyle | 自定义样式 | string/CSSProperties | - | - |