微信小程序实用组件－modal和toast通用插件封装
通过在app.js中初始化代码后，在任何js中直接调用，
开发的目的在于以后拓展以及自定义样式比较方便，调用也很方便，不需要写大量冗余代码。
- app.toast.success(‘success’)
复制代码
- app.modal.confirm(‘This is confirm’, function () {
- console.log(‘confirm’)
- }, function () {
- console.log(‘cancel’)
- })
复制代码
- app.toast.load(‘loading’)
复制代码
loading自带旋转动画
如何使用它！
1、在app.js导入adUI并初始化它
- var adUI = require(‘./adUI/adUI’)
- App({
- onLaunch: function () {
- adUI.init(this)
- },
- onShow: function () {
- },
- onHide: function () {
- }
- })
复制代码
2、在app.wxss底部倒入adUI样式
- @import ‘./adUI/adUI.wxss’
复制代码
3、在相应页面导入模板
- <import src=”../../adUI/adUI.wxml” />
- <template is=”adUI” data=”{{ adUI }}” />
复制代码
4、在自己的js里像这样使用adUI
- var app = getApp()
- Page({
- data: {
- },
- onLoad: function () {
- },
- onReady: function () {
- },
- onShow: function () {
- app.modal.alert(‘This is alert’, function () {
- console.log(‘confirm’)
- })
- },
- onHide: function () {
- },
- onUnload: function () {
- }
- })
复制代码
