<template>
  <div class="com">
    <van-tabs class="vtabs1" :ellipsis="false" v-model="activeName" animated swipeable>
      <van-tab name="1" :title="$t('home.l51')">
        <newsList v-if="activeName == '1'" category="要闻" />
      </van-tab>
      <van-tab name="2" :title="$t('tab.tab9')">
        <flashList v-if="activeName == '2'" />
      </van-tab>
      <van-tab name="3" :title="$t('home.l52')">
        <newsList v-if="activeName == '3'" category="专栏" />
      </van-tab>
    </van-tabs>
  </div>
</template>
<script>
import newsList from "./news/list.vue";
import flashList from "./news/flashList.vue";
export default {
  components: {
    newsList,
    flashList
  },
  data () {
    return {
      activeName: '1'
    }
  }
}
</script>
<style lang="less" scoped>
::v-deep {
  .vtabs1.van-tabs{
    .van-tabs__wrap {
      padding-right: 18px;
      border-bottom: 1px solid #F0F0F0;
    }
  }
}
</style>