更新记录

0.0.2（2024-04-24） 下载此版本

依赖组件更新

0.0.1（2024-04-24） 下载此版本

0.0.1发布

平台兼容性

uni-app

1.将插件从插件市场导入需要用到的项目

导入成功后uni_modules文件夹下会有一个yfx-tooltip文件夹

2.在需要用到的页面中使用 yfx-tooltip 标签引入插件

3.调用插件只需要使用open方法就可以

open({
    msg,//提示标题
    showCancel = true,//是否显示取消按钮
    confirm,//点击确认按钮要执行的方法
    cancel,//点击取消按钮要执行的方法
    cancelText = "取消",//左边按钮文字
    confirmText = '确定',//右边按钮文字
    content = ''//信息内容
})

######################### 以下是完整例子 ############################################

<template>
    <view class="content">
        <view style="height:300rpx;"></view>
        <button @click="showTooltip1">提示信息1</button>
        <view style="height:100rpx;"></view>
        <button @click="showTooltip2">无取消按钮提示</button>

        <yfx-tooltip ref="tooltip"></yfx-tooltip>
    </view>
</template>

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

            }
        },
        onLoad() {

        },
        methods: {
            //显示弹窗
            showTooltip1(){
                this.$refs.tooltip.open({
                    msg:"提示",
                    content:"这是一个提示信息",
                    confirm:()=>{
                        console.log("点击确认按钮触发")
                    },
                    cancel:()=>{
                        console.log("点击取消按钮触发")
                    }
                })
            },
            showTooltip2(){//只显示标题
                this.$refs.tooltip.open({
                    msg:"提示信息",
                    showCancel:false,
                    confirm:()=>{
                        console.log("点击确认按钮触发")
                    }
                })
            }
        }
    }
</script>