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

【Yunyiwl.com-编程开发教程】收集全网优质教程及源码资源！

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

仿照微信小程序提供的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”/>

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

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

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