在线直播系统源码,移动端列表左右滑动效果

发布时间 2023-08-05 10:06:22作者: 云豹科技-苏凌霄

在线直播系统源码,移动端列表左右滑动效果

<view class="evaluationItem">
                <scroll-view class="uni-swiper-tab" scroll-x :style="'height:'+scrollH+'px'">
                    <view class="scrollx_items" >
                        <text v-for="item,index in modelList" :key="index" :class="{activeItem:index==currentEvaluationIndex}" @click="modelListItem(item,index)">{{item}}</text>
                    </view>
                </scroll-view>
</view>

这段代码是一个使用 uni-app 框架实现的横向滚动的标签页,其中使用了 <scroll-view> 组件实现横向滚动,并通过 scroll-x 属性来指定滚动方向为横向。<view> 组件内使用了 v-for 指令来渲染 modelList 数组中的每一个元素,并使用 :class 绑定了一个对象,当当前元素的索引等于 currentEvaluationIndex 时,对象中的 activeItem 属性被设置为 true,从而实现了标签页的选中状态。最后,<text> 组件绑定了一个 @click 事件,当用户点击标签页时,会触发 modelListItem 方法,并将当前点击的元素和索引作为参数传入该方法中。

以上就是 在线直播系统源码,移动端列表左右滑动效果,更多内容欢迎关注之后的文章