欢迎光临,了解微信小程序开发,就上易用通!

微信小程序-ToolTip信息提示组件

发布:2018-01-25 10:05浏览: 来源:网络 作者:tianshu

将ToolTip文件夹复制到pages文件夹内


微信小程序-ToolTip信息提示组件(图1)

 


在需要使用ToolTip的页面对应的.wxml文件中添加:

  1. <import src="../ToolTip/toolTip.wxml"/>
  2.  
  3. <!-- 引入toolTip模板 -->
  4. <template is="toolTip" data="{{_toolTip_}}"/>

在需要使用ToolTip的页面对应的.wxss文件顶部添加:

  1. @import "./ToolTip/toolTip.wxss";

在.js中调用:

  1. // 在顶部引入toolTip.js
  2. var toolTip = require('../ToolTip/toolTip.js');
  3.  
  4. // 在onLoad中初始化toolTip
  5. toolTip.init(this);
  6.  
  7. // 调用showToolTip显示提示信息,参数:
  8. // type:类型包含'success'|'info'|'warn'|'error',
  9. // text:内容
  10. // delay:延迟消失时间,不填不自动消失,只有success|info类型会自动消失
  11. toolTip.showToolTip('success', '显示success提示', 2000);

源码下载:

微信小程序-ToolTip信息提示组件(图2) WXA-ToolTip-master.zip





免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。