微信小程序弹框

最新推荐文章于 2025-06-21 22:34:54 发布

weixin_41991473

最新推荐文章于 2025-06-21 22:34:54 发布

阅读量805

点赞数 1

CC 4.0 BY-SA版权

分类专栏：微信小程序文章标签： showToast showloading

本文链接：https://blog.youkuaiyun.com/weixin_41991473/article/details/79995974

微信小程序专栏收录该内容

23 篇文章

订阅专栏

本文介绍了微信小程序中常用的UI交互设计方法，包括提示框、加载指示及模态弹窗的具体实现方式。通过示例展示了如何使用wx.showToast, wx.showLoading 和 wx.showModal 函数来改善用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.提示框：wx.showToast

实例：

wx:showToast({

title:'马上开始'

})

2.显示加载: wx.showloading 关闭提示:wx.hidelading 两个需配合使用

实例：

wx:showloading({

title:'正在加载'

})

setDoun(function(){

wx.hidelading()

2000},)

3.模态弹框: wx.showModal

  wx.showModal({
          title: '提示',
          confirmText: '去设置',
          cancelText: '取消',
          content: '点击去设置',
          success: function (res) {
            if (res.confirm) {
              wx.navigateTo({
                url: '/index/intercalate'
              })
            } else if (res.cancel) {
              return;
            }
          }
        })
      }

附：还可WXML自己写弹框