<template>
  <view class="free-container dir-left-wrap">
    <episode
      v-for="(episode,index) in episodes"
      :key="index"
      :episode="episode"
      :custom-style="{
        marginRight: ((index+1) % 3 !== 0 ? '20rpx' :''),
      }"
    />
  </view>
</template>

<script>
import Episode from '../../components/Episode/index'
export default {
  name: 'Free',
  components: { Episode },
  data() {
    return {
      episodes: [
        { name: '毒液', status: '已完结', total: 40 },
        { name: '毒液', status: '已完结', total: 40 },
        { name: '毒液', status: '已完结', total: 40 },
        { name: '毒液', status: '已完结', total: 40 },
        { name: '毒液', status: '已完结', total: 40 },
        { name: '毒液', status: '已完结', total: 40 },
        { name: '毒液', status: '已完结', total: 40 },
        { name: '毒液', status: '已完结', total: 40 }
      ]
    }
  },
  computed: {},
  methods: {}
}
</script>

<style lang="scss" scoped>
  .free-container {
    padding: 20rpx;
  }
</style>
