视频直播源码,uni-app实现广告滚动条

视频直播源码,uni-app实现广告滚动条

HTML

      <view class="scroll_box">
        <swiper class="swiper" circular="true" vertical="true" :previous-margin='50+"rpx"' :next-margin='50+"rpx"'
          :autoplay="true" disable-touch='false' :interval="3000" :duration="2000" @change='EventHandle'>
          <swiper-item v-for="(item,index) in list" :key="index">
            <view :class="current==index?'swiper-item':''  ">{{item}}</view>
          </swiper-item>
        </swiper>
      </view>

​CSS

 .scroll_box {
    background: #FFFFFF;
    margin: 30rpx;
    border-radius: 10rpx;
 
    .swiper {
 
      height: 150rpx;
    }
 
    .swiper-item {
     
      font-size: 32rpx;
    }
  }

以上就是 视频直播源码,uni-app实现广告滚动条,更多内容欢迎关注之后的文章

 

posted @ 2022-07-27 14:15  云豹科技-苏凌霄  阅读(110)  评论(0)    收藏  举报