<template>
  <view class="vip-component-custom-swiper">
  
    <!-- 顶部自定义导航 -->
    <tn-nav-bar fixed>图鸟轮播(实验)</tn-nav-bar>
  
    <!-- 页面内容 -->
    <view :style="{paddingTop: vuex_custom_bar_height + 'px'}">
      <multiple-options-demo
        :list="optionsList"
      ></multiple-options-demo>
  
    </view>
  
  </view>
</template>

<script>
  import multipleOptionsDemo from '@/libs/components/multiple-options-demo'
  
  export default {
    name: 'VipComponentsCustomSwiper',
    components: { multipleOptionsDemo },
    data() {
      return {
        // 选项列表数据
        optionsList: [
          { title: '横向滑动', desc: '横向滑动轮播', url: '/vipPage/components/custom-swiper/horizontal/custom-swiper' },
          { title: '纵向滑动', desc: '纵向滑动轮播', url: '/vipPage/components/custom-swiper/vertical/custom-swiper' }
        ]
      }
    }
  }
</script>

<style lang="scss" scoped>
</style>
