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

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

1

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

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

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