首页 网站源码 小程序源码 仿照微信小程序提供的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

相关文章

如何使用PHP开发微信小程序的照片编辑功能? 如何使用PHP开发微信小程序的照片编辑功能?

26 Oct 2023

如何使用PHP开发微信小程序的照片编辑功能?随着微信小程序的快速发展,越来越多的开发者开始关注在小程序中实现照片编辑功能。本文将向大家介绍如何使用PHP开发微信小程序的照片编辑功能,并给出具体的代码示例。首先,我们需要了解微信小程序中的照片编辑功能的基本原理。微信小程序的照片编辑功能实际上是在前端通过Canvas进行操作,然后将修改后的图片上传到服务器进行处

如何使用PHP开发微信小程序的日程提醒功能? 如何使用PHP开发微信小程序的日程提醒功能?

27 Oct 2023

如何使用PHP开发微信小程序的日程提醒功能?随着微信小程序的普及,越来越多的开发者开始关注如何在小程序中实现更多的功能。其中,日程提醒功能是用户常用且实用的功能之一。本文将介绍如何使用PHP开发微信小程序的日程提醒功能,并提供具体代码示例。配置开发环境首先,确保你已经安装了PHP环境。在开始之前,需要安装以下依赖包或库:PHP5.6以上版本MySQL数

如何使用PHP开发微信小程序的任务提醒功能? 如何使用PHP开发微信小程序的任务提醒功能?

27 Oct 2023

如何使用PHP开发微信小程序的任务提醒功能?随着微信小程序的兴起,越来越多的开发者开始关注和使用它。而任务提醒作为使用频率较高的功能之一,也成为小程序开发的重要组成部分。本文将介绍如何使用PHP开发微信小程序的任务提醒功能,以及具体的代码示例。获取access_token在使用微信接口时,首先需要获取access_token。创建一个PHP文件,命名

uniapp怎么开发小程序 uniapp怎么开发小程序

06 Apr 2024

可以通过 UniApp 框架使用一套代码开发跨平台小程序,包括 iOS、Android 和 H5。UniApp 开发小程序指南包括以下步骤:安装 UniApp 工具创建项目选择编码语言添加小程序配置编写小程序代码编译小程序上传小程序

用c语言编写的程序被称为 用c语言编写的程序被称为

22 Oct 2019

用c语言编写的程序被称为源程序或者叫源代码、源文件。源程序是指未编译的,按照一定的程序设计语言规范书写的文本文件。

小猪cms源码下载 小猪cms源码下载

07 May 2016

PigCms(又称小猪CMS)是一个基于php+mysql的多用户微信营销源码程序,由合肥彼岸互联信息技术

go语言里面的文件有哪些 go语言里面的文件有哪些

31 Jul 2023

go语言里面的文件有源代码文件、包文件、执行文件、二进制文件、库文件和Makefile、go.mod、go.sum等。1、源代码文件,含用于实现功能的程序代码;2、包文件,可以在一个源代码文件中定义,也可以包含多个源代码文件;3、执行文件,用于直接运行程序;4、二进制文件,通常用于发布和部署应用程序;5、库文件,可以作为其他程序的依赖进行引用和调用。

java生成小程序二维码 java生成小程序二维码

19 Mar 2024

这篇文章将为大家详细讲解有关java生成小程序二维码,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。Java生成小程序二维码引言小程序二维码是访问小程序的一种便捷方式,可用于宣传推广、用户引导等场景。本文将介绍使用Java生成小程序二维码的详细步骤,包括生成基础二维码和带有自定义样式的二维码。生成基础二维码添加Maven依赖:com.Google.zxing

EasyWeChat和PHP实现微信小程序的用户登录功能 EasyWeChat和PHP实现微信小程序的用户登录功能

19 Jul 2023

EasyWeChat是一款基于PHP的开源微信SDK,它简化了开发者与微信公众号、小程序的交互过程。在本篇文章中,我将介绍如何使用EasyWeChat和PHP来实现微信小程序的用户登录功能,并附上代码示例。首先,我们需要在小程序端获取用户的微信登录凭证code。可以通过小程序的wx.login()接口获取到用户登录凭证。获取方式如下:wx.login({

See all articles See all articles

Hot Tools

微信小程序demo:仿商城

微信小程序demo:仿商城

微信小程序demo:仿商城,上手简单,对商城的一些基本的功能有很好的涉及

外卖:实现类似锚点功能

外卖:实现类似锚点功能

正是大家需要的类似锚点功能,另外也实现了一些外卖app的典型点菜功能,推荐学习研究;

微信小程序demo:乐助

微信小程序demo:乐助

微信小程序demo:乐助:类似基于地理位置的到位;助人应用,与张小龙的小程序精神有点相似。

微信小程序游戏类demo挑选不同色块

微信小程序游戏类demo挑选不同色块

微信小程序游戏类demo挑选不同色块

微信小程序demo:轮播图变换

微信小程序demo:轮播图变换

轮播图样式变换,简单的一个用小程序实现的轮播图,写法容易

Hot Article

鲁玛岛:如何获取工具代币
14 Nov 2024 手游攻略
鲁玛岛:如何孵化鲁玛
28 Nov 2024 手游攻略
Supervive:伯劳构建指南
27 Nov 2024 手游攻略
卢马岛:所有职业的解释
28 Nov 2024 手游攻略