【Uniapp-Vue3】scroll-view可滚动视图区域组件
如果我们有一个区域有限的大盒子(黑),而我们要在盒子中装的东西(灰)过多,我们就会用到滚动视图:
表现在代码上就是下面这个样子:
<template>
<view class="scrollView">
<view class="box">box</view>
<view class="box">box</view>
<view class="box">box</view>
<view class="box">box</view>
<view class="box">box</view>
<view class="box">box</view>
</view>
</template>
scroll-view有许多属性,下面介绍一些常用的属性。
一、允许纵向滚动
scroll-y 允许纵向滚动
二、允许横向滚动
scroll-x 允许横向滚动
注意这里的CSS样式设置,需要把scroll-view中的元素排成一排。