仿照微信小程序提供的showToast功能_亿码酷站

【亿码酷站-编程开发教程】收集全网优质教程及源码资源!

全网优质软件开发、平面设计等教程及精品源码资源一站可得,www.ysym.cc!

仿照微信小程序提供的showToast功能_亿码酷站插图 仿照微信小程序提供的showToast功能

WeTaost插件源码位于src目录下,包含3个文件。
wetoast.js: 脚本代码
wetoast.wxml: 模板结构
wetoast.wxss: 样式
使用时只需要加入以上3个文件即可,使用方法可参考本项目示范。

推荐方案

Step1、在项目的app.js中引入wetoast.js,并注册到小程序上,小程序所有Page页面均可使用,无需再次引入

let {WeToast} = require(‘src/wetoast.js’)    // 返回构造函数,变量名可自定义
App({
WeToast    // 后面可以通过app.WeToast访问
})
Step2、在项目的app.wxss中引入wetoast.wxss

@import “src/wetoast.wxss”;
Step3、引入WeToast模板结构,

方式一,在单独页面使用

<!– 文件 index.wxml 中 –>
<import src=”../../src/wetoast.wxml”/>
<template is=”wetoast” data=”{{…__wetoast__}}”/>
方式二,创建公用包含文件,将所有公用模板放在一起

<!– 文件 footer.wxml 中 –>
<import src=”src/wetoast.wxml”/>
<template is=”wetoast” data=”{{…__wetoast__}}”/>
<!– 其他xxoo模板 –>
<template is=”wexxoo” data=”{{…wexxoo}}”/>
然后通过include引入

<!– Page文件 index.wxml 底部 –>
<include src=”footer.wxml”/>

上一页:
下一页:
相关推荐

【亿码酷站】—网站源码下载—仿照微信小程序提供的showToast功能

微信小程序的图片预加载组件

声明:
1.本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。
2.源码素材属于虚拟商品,具有可复制性,可传播性,不接受任何形式的退款、换货要求。购买下单前,请提前确认时你所需的资源!
3.本站提供的一切源码、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途!必须在下载后的24个小时之内,从你的电脑或手机中彻底删除!
4.本站所提供的免费源码,模板,插件等其他资源都不包含免费的技术服务,所有资源售价只是赞助,收取费用仅维持本站日常运营所需。敬请谅解!
  1. 免费下载或者VIP会员资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
  2. 提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可在对应资源底部留言,或联络我们。
  3. 找不到素材资源介绍文章里的示例图片?
    对于会员专享、整站源码、程序插件、网站模板、网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
  4. 付款后无法显示下载地址或者无法查看内容?
    如果您已经成功付款但是网站没有弹出成功提示,请联系站长提供付款信息为您处理
  5. 购买该资源后,可以退款吗?
    源码素材属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好 是您所需要的资源

评论(0)

提示:请文明发言