小程序 上拉刷新 下拉加载 代码备忘

使用wux-refresher扩展实现上拉刷新,下拉加载,再配合上小程序原生的scroll-view感觉很完美了。
在这里插入图片描述
核心代码如下:

 <div class="m-active-list"><wux-refresher id="wux-refresher" @loadmore="more" @refresh="refresh"><scroll-view scroll-y class="ac-scroll"><active-row-hot :data="active" v-for="(active,index) in activeData" :key="index"></active-row-hot></scroll-view></wux-refresher></div>
 .m-active-list {position: absolute;bottom: 20rpx;top: 50px;left: 2%;width: 96%;border-radius: 5px;overflow: hidden;background: #fff;padding-top: 10px;padding-bottom: 10px;box-shadow: #f4f4f4 0px 1px 1px 1px;.ac-scroll {height: calc(100vh - 160rpx);}
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/415683.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

oracle 10.2.0.1升级到10.2.0.4

--********************************* -- Oracle 10.2.0.1 升级到 10.2.0.4 --********************************* 本文是基于LINUX环境下的ORACLE&#xff0c;不过和WIN差别不是很大&#xff0c;命令等都是一样的。我升级时也是参照此文档执行。所以可执行性比较强。 数据…

[JSOI2007]麻将

[JSOI2007]麻将 题目 麻将是中国传统的娱乐工具之一。麻将牌的牌可以分为字牌&#xff08;共有东、南、西、北、中、发、白七种&#xff09;和序数牌&#xff08;分为条子、饼子、万子三种花色&#xff0c;每种花色各有一到九的九种牌&#xff09;&#xff0c;每种牌各四张。在…

获取颜色值 抓取颜色值 获取颜色代码RGB

搜索 FastStone Capture 下载 FastStone Capture 链接&#xff1a;https://download.csdn.net/download/meixi_android/11016008 http://www.fixdown.com/faststonecapture.htm 下载完&#xff0c;解压即可使用&#xff0c;获取颜色值颜色代码 这是网上找的注册码&#x…

mongoose $sum

_id:... Segment:[{ field: "S1", value: 1 },{ field: "S2", value: 5 },{ field: "Sn", value: 10 }, ]查询方式 db.collection.aggregate( [{ $unwind: "$Segment" },{ $group: {_id: $_id, sum: { $sum: $Segment.value } } } ]…

前端学习(2609):vuex的使用步骤

1导入vue 2创建一个vuex的存储对象 3注册插件 4导出 5导入vuex的存储对象 6建立一个组件

IMP导入报语句超过缓冲区长度

imp导入时报错如下&#xff1a; IMP-00041: 警告: 创建的对象带有编译警告 "CREATE FORCE VIEW "OA"."V_LARGE_TABLE" ("ROW_I" "D") AS " "select row_id" "from ("…

mpvue 微信小程序 Image 图片实现宽度100%,高度自适应

主要是设置mode"widthFix"和width: 100%; <!-- 新手教程 --> <template><div class"center-tutorial"><img class"img" src"https://123.oss-cn-hangzhou.aliyuncs.com/666.jpeg" mode"widthFix">…

Android 获取地理位置获取经纬度

下载jar https://pan.baidu.com/s/1ioZ5_24WvsmMYxIcgoLyvA 复制到libs下 附代码 static BDLocation lastLocation null; private LocationClient mLocClient; public MyLocationListenner myListener new MyLocationListenner(); public class MyLocationListenner imple…

mongoose findOneAndUpdate 查找更新后的数据{ new: true }

需要增加一个配置项 { new: true }&#xff0c;则可以查找后面的内容。 const updOne await Verify.findOneAndUpdate({ _id: verify_id }, {$set: {// 认证通过&#xff0c;状态设置为1state: 1,// 审核操作人verify_user: user_id,verify_at: Date.now()} }, { new: true }…

域控制器活动目录之备份与恢复

AD域控制器活动目录备份与恢复 在网上搜到了一篇介绍得挺详细的&#xff0c;但是还没有亲自操作&#xff0c;所以先记下地址&#xff1a;http://winsystem.ctocio.com.cn/windows2003/203/7393203.shtml 希望下次实战时有所帮助。

Android 起调第三方导航,百度地图,高德地图,腾讯地图。起调高德地图导航

主要工具类 /*** Created by meixi on 2018/6/29.* 使用第三方导航&#xff1a;高德、百度。。。。。。。。。。*/ public class AmapUtil {public static final String BAIDU "com.baidu.BaiduMap";public static final String GAODE "com.autonavi.minimap&…

【数组】—冒泡排序选择排序---【巷子】

/*  什么是冒泡排序&#xff1a;从头到尾比较相邻的两个数的大小&#xff0c;如果符合条件则进行比较    【注】:从小到大进行排序  假设有一个数组 var arr [9,8,7,6,5,4]; 我们想要进行这个数组进行排序那么按照冒泡排序的规则我们可以进行演变和尝试  第一次比较…

lodash 根据某个字段排序处理

使用lodash库就行 const _ require(lodash); const users [{ user: fred, age: 48 },{ user: barney, age: 34 },{ user: fred, age: 42 },{ user: barney, age: 36 } ];// 以 user 升序排序 再 以 age 降序排序。 _.orderBy(users, [user, age], [asc, desc]); // >…

前端学习(2611):vuex实现增加

1添加组件 2导入 3添加效果 4

LR常见问题整理

首先要感谢群友的无私分享&#xff0c;才能得到这篇好的学习资料&#xff0c;整理得太好了&#xff0c;所以收藏保存&#xff0c;方便以后学习。 一&#xff1a;LoadRunner常见问题整理 1.LR 脚本为空的解决方法&#xff1a; 1.去掉ie设置中的第三方支持取消掉 2.在系统属性&a…

Android通知点击事件传递参数

显示通知private void processCustomMessage(Context context, Bundle bundle) {RemoteViews customView new RemoteViews(context.getPackageName(), R.layout.kongreveiver);NotificationCompat.Builder mBuilder new NotificationCompat.Builder(context);int ifnotifica …

小程序 报错 err code: 40029, errmsg: 'invalid code, hints: [ req_id: JhIay6yFe-XN5A3 ]'

发布小程序体验版的时候&#xff0c;直接修改原来的demo版的代码。 需要将后台的appID、appSecret换成最新的&#xff0c;就可以解决。