uniapp做web一个纵向滚动的框，展示中奖名单

你可以使用 `uni-scroll-view` 组件来实现纵向滚动的框，并将中奖名单放在 `view` 中。以下是一个示例代码：

<template>
  <uni-scroll-view class="scroll-view" :scroll-y="true">
    <view class="list">
      <view v-for="(item, index) in winners" :key="index" class="item">{{ item }}</view>
    </view>
  </uni-scroll-view>
</template>

<script>
export default {
  data() {
    return {
      winners: ['张三', '李四', '王五', '赵六', '钱七']
    }
  }
}
</script>

<style>
.scroll-view {
  height: 200px; /* 设置滚动框的高度 */
}

.list {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.item {
  height: 50px;
  line-height: 50px;
  text-align: center;
}
</style>

在上面的示例中，我们使用 `uni-scroll-view` 组件来实现纵向滚动的框，并将中奖名单放在 `view` 中。需要注意的是，在 `uni-scroll-view` 组件中，我们需要使用 `scroll-y` 属性来启用纵向滚动。

另外，为了实现更好的用户体验，你可能还需要为 `uni-scroll-view` 组件添加一些样式，例如设置滚动框的高度、中奖名单的样式等属性来适应不同屏幕大小和中奖名单的显示效果。