更新记录

1.0.0(2023-05-15) 下载此版本

virtualscroll

属性说明

属性名 类型 默认值 说明
load Boolean true 数据加载提示语
animation Boolean true 滚动动画
data Object {} 数据 data:数据列表,total:数据总数

使用示例

    <view class="" style="  width: 100vw; padding: 50rpx 30rpx; box-sizing: border-box;">
        <virtual-scroll v-model="load" :data='dataArr' @httpRequest="httpRequests"></virtual-scroll>
    </view>
import virtualScroll from '@/components/virtualscroll/virtualscroll.vue'

export default {
  components: {
    virtualScroll
  },
  data() {
    return {
     dataArr:{
        data:[],
        total:0
     },
     load:false
    }
  },
  methods: {
    httpRequests(info){
        //吊起接口 info:{page: 1,page_size: 10,flag:false} flag:true 滚动加载
        let data = 接口数据
        this.dataArr.data = data.list
        this.dataArr.total = data.total
    },
  },
}

平台兼容性

uni-app

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
- - -
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 快应用-华为 快应用-联盟
-

其他

多语言 暗黑模式 宽屏模式
× ×

virtualscroll

属性说明

属性名 类型 默认值 说明
load Boolean true 数据加载提示语
animation Boolean true 滚动动画
data Object {} 数据 data:数据列表,total:数据总数

使用示例

    <view class="" style="  width: 100vw; padding: 50rpx 30rpx; box-sizing: border-box;">
        <virtual-scroll v-model="load" :data='dataArr' @httpRequest="httpRequests"></virtual-scroll>
    </view>
import virtualScroll from '@/components/virtual-scroll/virtual-scroll.vue'

export default {
  components: {
    virtualScroll
  },
  data() {
    return {
     dataArr:{
        data:[],
        total:0
     },
     load:false
    }
  },
  methods: {
    httpRequests(info){
        //吊起接口 info:{page: 1,page_size: 10,flag:false} flag:true 滚动加载
        let data = 接口数据
        this.dataArr.data = data.list
        this.dataArr.total = data.total
    },
  },
}

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问