scroll-view标签的direction属性滚动不生效，固定高度为窗口高度，只有修改为scroll-y才可以滚动

<template>  
  <scroll-view  
    direction="vertical"  
    :style="{ height: windowHeight + 'px', boxSizing: 'border-box' }"  
  >  
    <view class="content-list">  
      <!-- 长内容列表，以确保滚动生效 -->  
      <view  
        v-for="item in items"  
        :key="item"  
        class="content-item"  
      >  
        Item {{ item }}  
      </view>  
    </view>  
  </scroll-view>  
</template>  

<script setup>  
import { ref, onMounted } from 'vue'  

// 设置窗口高度  
const { windowHeight } = uni.getSystemInfoSync()  

// 创建内容项以确保有足够的内容可供滚动  
const items = ref([])  
onMounted(() => {  
  // 模拟生成长列表  
  items.value = Array.from({ length: 30 }, (_, i) => i + 1)  
})  
</script>  

<style scoped>  
.content-list {  
  /* 设置内容列表的总高度大于窗口高度以确保滚动 */  
  padding: 20px;  
}  

.content-item {  
  height: 100px;  
  display: flex;  
  align-items: center;  
  justify-content: center;  
  margin-bottom: 10px;  
  background-color: #e0f7fa;  
  border-radius: 8px;  
  font-size: 18px;  
  color: #00796b;  
}  
</style>