更新记录

1.0.0（2024-05-24） 下载此版本

1.0.0（2024-05-22）

ProTooltip 文字提示气泡框

注：该版本是基于vue2开发的，所以只支持vue2，后续会升级vue3版本 文字提示--当文字过多没法全部显示的时候，使用tooltip组件，以气泡的方式进行展示，长按文本的时候展示气泡，按住不动，气泡不会消失，之后松开了，气泡才会在1.5s后自动消失

功能

1. 支持手动控制气泡框显示，隐藏
2. 支持自定义气泡文字的颜色
3. 支持设定气泡悬浮的位置
4. 支持对富文本的内容进行解析
5. 支持设定tooltip气泡的最大宽度
6. app端支持长按文字出现气泡，1.5秒后自动消失，H5端点击文字出现气泡，同样是1.5秒后自动消失

平台兼容性

1.0.0（2024-05-22）

ProTooltip 文字提示气泡框

注：该版本是基于vue2开发的，所以只支持vue2，后续会升级vue3版本 文字提示--当文字过多没法全部显示的时候，使用tooltip组件，以气泡的方式进行展示，长按文本的时候展示气泡，按住不动，气泡不会消失，之后松开了，气泡才会在1.5s后自动消失

功能

1. 支持手动控制气泡框显示，隐藏
2. 支持自定义气泡文字的颜色
3. 支持设定气泡悬浮的位置
4. 支持对富文本的内容进行解析
5. 支持设定tooltip气泡的最大宽度
6. app端支持长按文字出现气泡，1.5秒后自动消失，H5端点击文字出现气泡，同样是1.5秒后自动消失

代码示例

<template>
    <view class="content">
        <!-- 基本使用 -->
    <pro-tooltip content="测试文本">测试文本</pro-tooltip>
    <!-- 富文本内容 -->
    <pro-tooltip richText content="<p>测试文本<p>">测试文本</pro-tooltip>
    </view>
</template>

<script>
    export default {
        data() {
            return {

            }
        },
        onLoad() {

        },
        methods: {

        }
    }
</script>

<style>
    .content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
</style>

API

ProTooltip props