小程序中常用配置
使用uni-app进行开发只需将原生wx换成uni即可
-
下拉刷新:
底部导航栏配置:
- 监听用户下拉事件: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"
其他内容
小程序开发思维脑图
网友评论