小型程序业务通常与大量的跌落和拉动是不可分割的。如果您需要实现drop -down和拉动加载功能，我们通常需要编写很多重复的代码，例如加载控件，页面，pageSize控件，重新加载和其他控件。尤其是在界面中有多个列表时，这将导致开发人员具有特殊的头痛。如果要刷新小程序，则有两种方法可以加载它们：（（文献是指coolui-scroller，以下组件实现也使用此UI组件）
基于Coolui-Scroller）。
该包装组件将此组件用作UI：Coolui-Scroller，它是基于组件的组件，基于滚动视频。该组件在组件中具有非常好的功能，并且外观非常漂亮。它基于滚动视图包装以及下拉和刷新更多逻辑和UI样式。
让我们模拟编写更多功能和组件级别以加载更多功能和组件级别的麻烦！
// WXML
在负载中...我有一个底线``2。Moto Level（使用[Coolui-Scroller]（https://wzs28150.github.io/coolui-scroller/v3/）：````````````````````````````````````````````````````````````````````````````````````````````````````''，nomoreText：' - i有底线 - '，颜色：'## 999'，}，列表：[]，总计：-1，queryOptions：{current：0，size：10}，刷新：{//Isautotricgered：false，shake：false，//是否打开振动样式：“黑色”，//设置点吸引力或浅色}，重新加载：true}，// WXML
``每个列表的每个列表都需要上述代码编写无疑是非常令人作呕的。我们大胆地建议封装组件而不是重复操作？例如，代替分页参数，而不是某些配置参数，所以
这些组件用UI样式和动作（例如拉动-DOWN和PULL -UP）封装。每次我们编写列表时，我们只需要编写查询逻辑，然后列表项目显示；分页参数，UI等被授予组件以实现。RE-加载查询和其他操作，以在各种情况下满足复杂查询。
该组件接收一个参数（以下代码中的方法）。此参数是一个函数。此功能在组件内被调用以获取数据。获得的数据包括列表和topal等参数。由于数据绑定只能传达JSON兼容性数据。从基本库版本2.0.9启动，它也可以在数据中包含功能（但是这些函数不能在WXML，WXML，WXML，而且只能传递给子类）。此处传递的方法是{query：function}
方法，Query，在组件内被称为。方法。查询与具有两个参数（CTX，Reload）的页面中的方法绑定。您可以在CTX中获取当前（页面）和大小（PAGESIZE）。您可以根据CTX中的参数扩展高级查询
2：数据绑定只能传达JSON兼容数据并不能直接绑定函数。从基本库版本2.0.9启动，它也可以在数据中包含功能（但是这些功能不能直接在WXML中调用，并且只能传递到子类）。在这里拯救国家：
3：小程序不支持域插槽（深度呕吐微信微型程序，ali applet支持）如果插槽支持支持，您可以直接访问组件外的数据或项目属性。负责在模板上显示内容。在对这种情况的响应中，目前在这里采用了同时维护列表数据
列表的高度通常不是设置固定值。这主要是通过Flex Layout Flex解决高度自适应问题：1。参考：VirtualHost虚拟化组件节点
如果您认为这很好，可以喜欢作者。如果有任何疑问，请留言要问！
原始：https：//juejin.cn/post/7099399583914000391