<template>
  <Scroll class="scroll-wrapper" :options="scrollOpts">
    <div v-for="i in 40">huangtao {{i}}</div>

    <Recommend>
      <RecommendProductList></RecommendProductList>
    </Recommend>
  </Scroll>
</template>

<script>

import {Scroll} from 'cube-ui';
import RecommendProductList from './recommend-product-list';
import Recommend from './recommend'

export default {
  name: 'ArticleBody',
  components: {
    Scroll,
    RecommendProductList,
    Recommend
  },
  data() {
    return {
      scrollOpts: {
        eventPassthrough: 'horizontal'
      }
    };
  }
};
</script>

<style lang="scss" scoped>
.scroll-wrapper {
  background-color: white;
}
</style>