### 自定義提示框 app.js: import { ToastPannel } from './component/toastTest/toastTest' js: let app = getApp(); onShow: function () { new app.ToastPannel(); } /* 或者*/ onLoad: function () { new app.ToastPannel(); } click:function(){ var this = that; that.show("要提示的文字") } wxml: <!-- 自定義Toast --> <import src="../../component/toastTest/toastTest.wxml"/> <template is="toast" data="{{ ..._toast_ }}"/> wxss: .total { height: 100rpx; line-height:100rpx; display: flex; flex-direction: row; justify-content: space-between; position:fixed; padding-left:26rpx; bottom:0; width:100%; box-sizing:border-box; background:#fff; z-index:10; border-top:1px solid #e3e3e3; } .total checkbox-group{ vertical-align:top; } .total .total_text,.total-tit { display:inline-block; vertical-align:top; } .total .default-color{ vertical-align:top; font-size:32rpx; display:inline-block; } .total .total_text text { color: #ec5151; } .total .total_js { color: #fff; background: #fd3d53; height:100%; line-height:100rpx; margin: 0; width:200rpx; font-size:36rpx; margin-left:30rpx; }