<template>
  <view class="vip-component-scroll-view">
  
    <!-- 顶部自定义导航 -->
    <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: 'VipComponentsScrollView',
    components: { multipleOptionsDemo },
    data() {
      return {
        // 选项列表数据
        optionsList: [
          { title: '普通下拉加载', desc: '使用默认的下拉样式', url: '/vipPage/components/scroll-view/basic/scroll-view' },
          { title: '自定义下拉加载', desc: '通过传递的事件自定义下拉样式', url: '/vipPage/components/scroll-view/custom/scroll-view' }
        ]
      }
    }
  }
</script>

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