uniapp 左右滑动模块/页面

最新推荐文章于 2025-02-10 17:50:20 发布

酸奶自由竟然重名了

最新推荐文章于 2025-02-10 17:50:20 发布

阅读量1.9k

点赞数 3

文章标签： uni-app 前端小程序

本文链接：https://blog.youkuaiyun.com/weixin_47168811/article/details/132542579

版权

实现效果

头部点击可以切换下面内容区；左右滑动内容区，头部随之变化

样式自己按需修改

代码如下：

<template>
	<view class="container">

		<view class="tabss-box" @click="changeTab(index)" v-for="(item,index) in tabss"
			:style="{color:currentTab==index?'blue':'black'}">
			{
  {item}}
		</view>

		<!-- swiper切换 swiper-item表示一页 scroll-view表示滚动视窗 -->
		<swiper style="min-height: 100vh;" :current="