<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>
