更新记录

1.0.0.2（2025-12-26） 下载此版本

更新uview-plus

1.0.0.1（2025-12-25） 下载此版本

x

1.0.0（2025-12-24） 下载此版本

x

平台兼容性

uni-app(4.13)

其他

安装

在市场导入xf-toolipuni_modules版本的即可，无需import

代码演示

基本用法

• 使用组件代码如下：

<template>
    <view class="tooltip">
        //基础使用
        <view class="base xf-col">
            <view class="xf-row xf-full-width xf-flex-space-between b-mt20">
                 <xf-tooltip content="提示内容" >
                    <view >
                        <xf-button text="右边" size="min"></xf-button>
                    </view>
                </xf-tooltip>

                <xf-tooltip content="提示内容"  >
                    <view >
                        <xf-button text="右上" size="min"></xf-button>
                    </view>
                </xf-tooltip>

                <xf-tooltip content="提示内容">
                    <view >
                        <xf-button text="右下" size="min"></xf-button>
                    </view>
                </xf-tooltip>
            </view>
        </view>
        //自定义使用
        <view class="base xf-row xf-flex-space-between">
            <xf-tooltip ref="tooltip13" content="信息提示" color="#f50" >
                <text style="color: #f50;">文本1</text>
            </xf-tooltip>
            <xf-tooltip ref="tooltip13" content="信息提示" color="#2db7f5" >
                <text style="color: #2db7f5;">文本2</text>
            </xf-tooltip>
            <xf-tooltip ref="tooltip13" content="信息提示" color="#87d068" >
                <text style="color: #87d068;">文本3</text>
            </xf-tooltip>
            <xf-tooltip ref="tooltip13" content="信息提示" color="#108ee9" >
                <text style="color: #108ee9;">文本4</text>
            </xf-tooltip>
        </view>
    </view>
</template>

API

Props

插槽 slot