仿照微信小程序提供的showToast功能
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
相关文章
26 Oct 2023
如何使用PHP开发微信小程序的照片编辑功能?随着微信小程序的快速发展,越来越多的开发者开始关注在小程序中实现照片编辑功能。本文将向大家介绍如何使用PHP开发微信小程序的照片编辑功能,并给出具体的代码示例。首先,我们需要了解微信小程序中的照片编辑功能的基本原理。微信小程序的照片编辑功能实际上是在前端通过Canvas进行操作,然后将修改后的图片上传到服务器进行处
27 Oct 2023
如何使用PHP开发微信小程序的日程提醒功能?随着微信小程序的普及,越来越多的开发者开始关注如何在小程序中实现更多的功能。其中,日程提醒功能是用户常用且实用的功能之一。本文将介绍如何使用PHP开发微信小程序的日程提醒功能,并提供具体代码示例。配置开发环境首先,确保你已经安装了PHP环境。在开始之前,需要安装以下依赖包或库:PHP5.6以上版本MySQL数
27 Oct 2023
如何使用PHP开发微信小程序的任务提醒功能?随着微信小程序的兴起,越来越多的开发者开始关注和使用它。而任务提醒作为使用频率较高的功能之一,也成为小程序开发的重要组成部分。本文将介绍如何使用PHP开发微信小程序的任务提醒功能,以及具体的代码示例。获取access_token在使用微信接口时,首先需要获取access_token。创建一个PHP文件,命名
06 Apr 2024
可以通过 UniApp 框架使用一套代码开发跨平台小程序,包括 iOS、Android 和 H5。UniApp 开发小程序指南包括以下步骤:安装 UniApp 工具创建项目选择编码语言添加小程序配置编写小程序代码编译小程序上传小程序
31 Jul 2023
go语言里面的文件有源代码文件、包文件、执行文件、二进制文件、库文件和Makefile、go.mod、go.sum等。1、源代码文件,含用于实现功能的程序代码;2、包文件,可以在一个源代码文件中定义,也可以包含多个源代码文件;3、执行文件,用于直接运行程序;4、二进制文件,通常用于发布和部署应用程序;5、库文件,可以作为其他程序的依赖进行引用和调用。
19 Mar 2024
这篇文章将为大家详细讲解有关java生成小程序二维码,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。Java生成小程序二维码引言小程序二维码是访问小程序的一种便捷方式,可用于宣传推广、用户引导等场景。本文将介绍使用Java生成小程序二维码的详细步骤,包括生成基础二维码和带有自定义样式的二维码。生成基础二维码添加Maven依赖:com.Google.zxing
19 Jul 2023
EasyWeChat是一款基于PHP的开源微信SDK,它简化了开发者与微信公众号、小程序的交互过程。在本篇文章中,我将介绍如何使用EasyWeChat和PHP来实现微信小程序的用户登录功能,并附上代码示例。首先,我们需要在小程序端获取用户的微信登录凭证code。可以通过小程序的wx.login()接口获取到用户登录凭证。获取方式如下:wx.login({
Hot tools Tags
Hot Tools
微信小程序demo:仿商城
微信小程序demo:仿商城,上手简单,对商城的一些基本的功能有很好的涉及
外卖:实现类似锚点功能
正是大家需要的类似锚点功能,另外也实现了一些外卖app的典型点菜功能,推荐学习研究;
微信小程序demo:乐助
微信小程序demo:乐助:类似基于地理位置的到位;助人应用,与张小龙的小程序精神有点相似。
微信小程序游戏类demo挑选不同色块
微信小程序游戏类demo挑选不同色块
微信小程序demo:轮播图变换
轮播图样式变换,简单的一个用小程序实现的轮播图,写法容易