<template>
    <div class="clip-scroller" ref="sw"  v-swiper:mySwiper="swiperOptions">
      <ul class="pic-list swiper-wrapper"  v-if="scenes.length > 0" ref="pic">
        <li class="swiper-slide" :title="item.sceneTitle" @click="handleVR(item)" v-for="(item, i) in scenes" :key="i">
          <div :class="{ active: selected.sceneCode == item.sceneCode }">
            <img :src="item.icon + `?${Math.random()}`" alt="" />
            <i class="iconfont iconedit_type_3d" :class="{ iconedit_type_panorama: item.type !== '4dkk' }"></i>
            <rollName :offset="20" :active="selected.sceneCode == item.sceneCode" class="pic-name" :myref="'subw' + item.id" :name="item.sceneTitle" />
          </div>
        </li>
      </ul>
    </div>
</template>

<script>
export default {
  props:[]
}
</script>