#How to use it
###1.at app.js require adUI and init it
var adUI = require('./adUI/adUI')
App({
onLaunch: function () {
adUI.init(this)
},
onShow: function () {
},
onHide: function () {
}
})###2.at app.wxss bottom import adUI style
@import './adUI/adUI.wxss'###3.import template where you use the page
<import src="../../adUI/adUI.wxml" />
<template is="adUI" data="{{ adUI }}" />###4.in your js use adUi like this!
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 () {
}
})#adUI API
####app.modal.alert use adUI alert component
/**
* @param {string} content
* @param {function} confirmCallback
*/
app.modal.alert(content, confirmCallback)####app.modal.confirm use adUI confirm component
/**
* @param {string} content
* @param {function} confirmCallback
* @param {function} cancelCallback
*/
app.modal.confirm(content, confirmCallback, cancelCallback)####app.modal.setData set app modal components default settings
/**
* @param {string} settings.title
* @param {string} settings.content
* @param {string} settings.confirmText
* @param {string} settings.cancelText
*/
app.modal.setData(settings)####app.modal.getData set app modal components default settings
/**
* @return {string} settings.title
* @return {string} settings.content
* @return {string} settings.confirmText
* @return {string} settings.cancelText
*/
app.modal.getData()####app.toast.show show adUI toast component PS1:ico only support four default params:load,success,danger,info PS2:all ico is vender 'font awesome' PS3:you can expend your custom toast used this function
/**
* @param {string} ico
* @param {string} content
*/
app.toast.show(ico, content)####app.toast.hide hide adUI toast component
app.toast.hide()####app.toast.load show adUI loading toast component and loading toast have route animation
/**
* @param {string} content
*/
app.toast.load(content)####app.toast.success show adUI success toast component
/**
* @param {string} content
*/
app.toast.success(content)####app.toast.danger show adUI loading toast component
/**
* @param {string} content
*/
app.toast.danger(content)####app.toast.info show adUI info toast component
/**
* @param {string} content
*/
app.toast.info(content)##How to expand the app.toast add your custom style in the app.wxss like this
.adUI-toast-ico.address-book::after {
content: "\f2b9";
}use adUI app.toast.show like this
app.toast.show('address-book', content)then you can use your custom toast!
##enjoy it
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent