仿照微信小程序提供的showToast功能

2018-06-14 17:39:18231491845查看评论(2)
仿照微信小程序提供的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"/>


申明:本站所有资源都是转载各大下载站,或由网友投稿发布,请自行检测软件的完整性,如有侵权请联系我们删除下架,联系方式:admin@php.cn

相关推荐
仿照微信小程序提供的showToast功能

仿照微信小程序提供的showToast功能

仿照微信小程序提供的showToast功能
231488843
3D Slide作品演示html5模板

3D Slide作品演示html5模板

3D Slide作品演示html5模板
122764
独孤系列jQuery教程中的ajax源码

独孤系列jQuery教程中的ajax源码

独孤系列jQuery教程中的ajax源码
1146
个人中心后台模板

个人中心后台模板

个人中心后台模板
206762299
异步加载图片大图小图效果

异步加载图片大图小图效果

jquery异步加载大图小图
208321102
独孤系列php教程源码

独孤系列php教程源码

独孤系列php教程源码
18736
网页评论
最新评论
你不笑也倾城
清
  • layui后台页面模板
  • 2019-04-21 22:17:15发表+0回复