找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索本站精品资源

首页 教程频道 小程序开发 查看内容

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

作者:模板之家 2018-1-25 10:05 2715人关注

将ToolTip文件夹复制到pages文件夹内 在需要使用ToolTip的页面对应的.wxml文件中添加: import src=../ToolTip/toolTip.wxml/ !-- 引入toolTip模板 -- template is=toolTip data={{_toolTip_}}/ 在需要使用ToolTip的 ...

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


 


在需要使用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);

源码下载:

WXA-ToolTip-master.zip


路过

雷人

握手

鲜花

鸡蛋
原作者: 模板之家 来自: 网络收集

全部回复(0)