如何在uniapp中实现滚动列表

<template><scroll-view class="list-wrapper" scroll-y><div class="list-item" v-for="item in list" :key="item.id">      {{ item.text }}    </div>  </scroll-view></template><script>export default {  data() {    return {      list: [        { id: 1, text: '列表项1' },        { id: 2, text: '列表项2' },        { id: 3, text: '列表项3' },        // ...更多列表项      ]    }  },}</script><style>.list-wrapper {  height: 300px;  /* 设置滚动区域的高度 */}.list-item {  height: 50px;  /* 设置每个列表项的高度 */  line-height: 50px;  padding: 0 20px;  border-bottom: 1px solid #ccc;}</style>

<template><view><scroll-list></scroll-list></view></template><script>import scrollList from '@/components/scrollList'export default {  components: {    scrollList  },}</script>