小程序开发-使用Loading和Toast提示框


小程序提示框

Loading提示框使用方式

1. 在wxml中作为组件使用
<loading hidden="{{hidden}}">
    加载中...
</loading>

通过设置hidden的值来控制Loading提示框的显示和隐藏

2. 在js中调用对应方法
  • 显示: wx.showLoading({title: "加载中…", duration: 2000})
  • 隐藏: wx.hideLoading()

Toast提示框的使用方式

mp-loading提示的使用

作为weui组件使用

  • app.json中配置
 "useExtendedLib": {
    "weui": true
  }
  • 在需要使用的页面json中导入
"usingComponents": {
        "mp-loading": "/miniprogram_npm/weui-miniprogram/loading/loading"
    },

详细可以参考: https://developers.weixin.qq.com/miniprogram/dev/extended/weui/loading.html


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM