微信小程序tooltip提示框组件

       

需要将文件引入需要插件的.json文件的usingComponents里。

算了,直接看代码理解把,有问题联系会及时回复。

文件结构,我这里组件放在根目录的cpmponents文件夹里面

微信小程序tooltip提示框组件_第1张图片

 

 index.json文件中进行引入

{
  "usingComponents": {
    "tooltip":"/components/g-tooltip/index"
  }
}

然后就可以正常使用了

index.wxml文件中进行使用,使用时需要在里面放置两个slot

slot
title(必须要有,不然高度为0不显示) content
正常显示的内容 点击后显示的内容

    
    hello World
    
    我是tooltip里面的内容
    

这样就可以看到效果了

正常效果

微信小程序tooltip提示框组件_第2张图片

点击后

微信小程序tooltip提示框组件_第3张图片 

 

下载地址

        gitee:微信小程序tooltip: 微信小程序的一个小插件

        github:GitHub - SanShengsheng/-tooltip

你可能感兴趣的:(前端,小程序,微信小程序,小程序,前端,组件化,javascript)