微信小程序弹出式成功或加载提示样式模板制作设计下载

今天给大家带来单位弹出式成功或加载提示样式模板制作设计下载，制作好以后效果图如下：

一、wxml页面代码如下：

<view class="page">
    <view class="page__hd">
        <view class="page__title">Toast</view>
        <view class="page__desc">弹出式提示，采用小程序原生的toast</view>
    </view>
    <view class="page__bd">
        <view class="weui-btn-area">
            <button class="weui-btn" type="default" bindtap="openToast">成功提示</button>
            <button class="weui-btn" type="default" bindtap="openLoading">加载中提示</button>
        </view>
    </view>
</view>

二、wxss样式文件代码如下：

page{
    background-color: #FFFFFF;
}

三、js页面代码如下：

Page({
    openToast: function () {
        wx.showToast({
            title: '已完成',
            icon: 'success',
            duration: 3000
        });
    },
    openLoading: function () {
        wx.showToast({
            title: '数据加载中',
            icon: 'loading',
            duration: 3000
        });
    }
});

模板简介：该模板名称为【微信小程序弹出式成功或加载提示样式模板制作设计下载】，大小是，文档格式为.，推荐使用打开，作品中的图片，文字等数据均可修改，图片请在作品中选中图片替换即可，文字修改直接点击文字修改即可，您也可以新增或修改作品中的内容，该模板来自用户分享，如有侵权行为请联系网站客服处理。欢迎来懒人模板【小程序教程】栏目查找您需要的精美模板。