<template>
<view class="content">
<scroll-view scroll-y="true" id="box" :show-scrollbar="true" ref="scroller" class="list">
<view v-for="(item,index) in 2000" :key="index" class="item">
<text>{{item}}</text>
</view>
</scroll-view>
</view>
</template>
<script>
export default {
data() {
return {
title: 'Hello'
}
},
onLoad() {
},
methods: {
}
}
</script>
<style lang="scss">
.content {
.list{
width: 750rpx;
height: 900rpx;
flex-direction: row;
flex-wrap: wrap;
.item{
width: 80rpx;
height: 80rpx;
// background-color: #999;
}
}
}
</style>
2***@qq.com
- 发布：2022-11-09 10:55
- 更新：2022-11-09 10:55
- 阅读：82
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 3.6.4
手机系统： iOS
手机系统版本号： iOS 16
手机厂商： 苹果
手机机型： iphone Xs Max
页面类型： nvue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
scroll-view 无法
scroll-view 无法预期结果：
scroll-view 无法
scroll-view 无法实际结果：
scroll-view 无法
scroll-view 无法
0 个回复