更新记录

1.0.1（2023-08-23）

优化

1.0.0（2023-04-05）

上传

平台兼容性

attributes

emits

scroll：滚动事件，回调参数为scrollTop

slots

default：默认插槽，作用域参数为当前项数据{item}

event

无

示例

<template>
  <view class="box">
    <mosowe-invented-list
      :list="list"
      :cacheNum="100">
      <template #default="{ item }">
        <view class="item">
          <view class="name">
            {{ item.name }}
          </view>
          <view class="age">
            {{ item.age }}
          </view>
        </view>
      </template>
    </mosowe-invented-list>
  </view>
</template>

<script setup lang="ts">
import { ref } from 'vue';
const list = ref<any>([]);
setTimeout(() => {
  list.value = Array.from({ length: 10000 }).map((item: any, index: number) => ({
    name: '小明-' + index,
    age: index
  }));
}, 1000);
</script>

<style lang="scss" scoped>
.box {
  width: 100vw;
  height: 100vh;
  .name {
    font-size: 32rpx;
    font-weight: bold;
    line-height: 40rpx;
    margin-bottom: 20rpx;
    color: #333;
  }
  .age {
    font-size: 24rpx;
    color: #999;
  }
  .item {
    margin: 30rpx;
    padding: 30rpx;
    box-sizing: border-box;
    background-color: #eee;
    border-radius: 12rpx;
  }
}
</style>