uniapp实现内容横向滚动、纵向滚动

应用场景：1、表格内容滚动（横向/纵向）；2、选项卡切换不同页面或左右滑动页面

案例：参考官网：uniapp.dcloud.net.cn/component/s…

<scroll-view class="prefer-scroll" scroll-x="true" @scroll="scroll">
   <table-card v-for="(item,index) in tableData" :key="index" :data="item" class="content-box">
<block></block>
      </table-card>
</scroll-view>

.prefer-scroll {
	white-space: nowrap;			
	height: 340rpx;

.content-box {
	display: inline-block;
	// width: 320upx;
	height: 340rpx;
	border: 1upx solid #d3d3d3;
	border-left: none;
	  }
	}

![20230215.png](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/f9d335c8547a409c81c1a85a0d6cef81~tplv-k3u1fbpfcp-watermark.image?)