uni-app使用小程序自定义组件 uni-app背景如何覆盖导航栏

2023-03-26 08:31:38

uni-app使用小程序自定义组件 uni-app背景如何覆盖导航栏

uni-app使用小程序自定义组件 uni-app背景如何覆盖导航栏?很多人不了解,今天趣百科为大家带来相关内容,下面一起来看看吧。

在uni-app中配置pages.json,可以通过滑动页面到底部来监听onReachBottom()方法,配置如下:

//pages.json文件{'path' :' pages/index ',' style' 3360 { '导航栏标题文本' 3360 '当前页面标题','导航样式' 3360 '自定义',//当前页面不需要导航' enableplldownrefresh ' 3360 true。//配置完成后,可以下拉刷新,上拉加载' onReachBottomdistance ' 3360100 } },//滑动到页面底部时,会触发(上拉加载)onReachBottom() {console.log('滑动到。业务’);},//Trigger(下拉刷新)onPullDownRefresh () {//放置执行下拉时要执行的动作.wx.stopPullDownRefresh() //停止下拉刷新效果的api。如果进入刷新状态发现停不下来,可以用这个}。获取数据思路:页面加载时,你会先请求10条数据,然后用户滑动。

Data() {//return {hots://主动数据表params: {limit 3360 10,//默认请求为10 start3360 0,},//是否有下一页,即是否有数据hasMore: true,DataEnd:false,//数据已加载}},//onloadonload 3360 function(option){ this . getlist()页面生命周期方法;//页面加载获取前10条数据},//页面滑动到底部时触发的方法的onReachBottomonReachBottomm(){ this . handletolower();//滑动到底部加载}、//方法并放入方法methods:{ //获取接口数据——因为会重复执行,所以封装在这里getlist(){ uni . show loading({ Title 3360 ' loading '//为了网速慢,等待用户友好的提示});//使接口数据请求uni。请求({url:getapp()。globaldata.url' list ',//address method3360' post ',//mode data3360this.params,//参数success 3360(result)={ if(result . data . data)this . dataend=true return;}//数据拼接this.hots=.这个. hots,result.data.data},complete(){ uni . hide loading();//加载弹出窗口end}}},//getlist()方法end //托底请求的方法是修改参数handleTolower() {//1,修改参数skip=limit 2,重发请求3,叠加数据if(this . has more){ this . params . start=this . params . this . getlist();} else {//弹出窗口或其他形式告诉用户没有数据this . dataend=true } }//handle to lower()end }

上一篇

热门阅读