区块链技术博客
www.b2bchain.cn

小程序中常用配置、API、事件的讲解

这篇文章主要介绍了小程序中常用配置、API、事件的讲解,通过具体代码讲解7443并且分析了小程序中常用配置、API、事件的讲解的详细步骤与相关技巧,需要的朋友可以参考下

本文实例讲述了小程序中常用配置、API、事件的讲解。分享给大家供大家参考文章查询地址https://www.b2bchain.cn/7443.html。具体如下:

小程序中常用配置

使用uni-app进行开发只需将原生wx换成uni即可

  • 下拉刷新:小程序中常用配置、API、事件
  • 底部导航栏配置:小程序中常用配置、API、事件
  • 监听用户下拉事件:onPullDownRefresh() {};下拉更新数据完毕时,需要调用API关闭刷新动画:wx.stopPullDownRefresh();
  • 动态获取屏幕高度:wx.getSystemInfoSync(),从中解构出高度:const { windowHeight } = wx.getSystemInfoSync()
  • 监听页面滚动事件:onPageScroll(){}
  • 显示隐藏tabBar:wx.showTabBar();wx.hideTabBar();
  • 本地缓存相关操作API:wx.setStorageSync(); wx.getStorageSync(); wx.removeStorageSync()
  • 监听用户输入框回车、确认事件:@confirm
  • 设置页面滚动高度:wx.pageScrollTo({scrollTop:0})
  • 底部navBar显示与隐藏:wx.showTabBar(); wx.hideTabBar()
  • 路由跳转:navgateTo(); redirectTo(); reLaunch(); switchTab(); navigateBack()
  • 监听是否已上拉到底部,添加回调实现上拉刷新:@scrolltolower=fn(){}
  • 富文本:<rich-text></rich-text>
  • 获取登录用户个人信息:<open-data></open-data>,通过设置type属性来获取用户头像,昵称,国家,城市等个人信息,这里有个坑,拿到的用户头像是行内元素,要修改样式需要改为块级元素
  • 意见反馈按钮:<button open-type="feedback">意见反馈</button>
  • 获取收货地址:wx.chooseAddress()
  • 调用支付API:wx.requestPayMent()
  • 用户授权:open-type="getUserInfo"
本文地址https://www.b2bchain.cn/7443.html

赞(0) 打赏
部分文章转自网络,侵权联系删除b2bchain区块链学习技术社区 » 小程序中常用配置、API、事件的讲解
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

b2b链

联系我们联系我们