vue移动端下拉刷新和上拉加载的实现代码

作者：袖梨 2022-06-25

由于自身的项目比较简单，只有几个H5页面，用来嵌入app中，所有没有引入移动端的UI框架，但是介于能让用户在浏览H5页面时有下拉刷新和上拉加载，有更好的用户体验，自己写组件实现。

1、下拉刷新DropDownRefresh.vue

{{dropDownStateText.downTxt}}

{{dropDownStateText.upTxt}}

{{dropDownStateText.refreshTxt}}

2、上拉加载PullUpReload.vue

{{pullUpStateText.moreDataTxt}}

{{pullUpStateText.loadingMoreDataTxt}}

{{pullUpStateText.noMoreDataTxt}}

3、对两个组件的使用

{{item.bankName}}

热门推荐

查看更多

{{hot_centent_left.name}} {{hot_centent_left.desc}}

{{hot_c_r_one.name}} {{hot_c_r_one.desc}}

{{hot_c_r_two.name}} {{hot_c_r_two.desc}}

{{card_progress.name}} {{card_progress.desc}}

{{card_activation.name}} {{card_activation.desc}}

热卡排行

{{item.cardName}}

{{item.cardTitle}}

{{item.cardWordOne}}

{{item.cardWordTwo}}

相关文章

精彩推荐