<template>
  <div>
    <tab-nav active="3"></tab-nav>
    <img src="https://webapp-pub.ezijing.com/www/h5/images/about_banner_03.png" class="main-banner" />
    <div class="news-list">
      <news-item v-for="item in list" :item="item" :key="item.id"></news-item>
    </div>
  </div>
</template>

<script>
import TabNav from '@/components/about/TabNav'
import NewsItem from '@/components/about/NewsItem'
export default {
  props: { acitve: String },
  components: { TabNav, NewsItem },
  data() {
    return {
      list: []
    }
  },
  async asyncData({ $axios, query }) {
    const params = { page: 1, per_page: 100, type: query.type || 74, project_id: 1013 }
    const list = await $axios.$get('/api/zws/v1/cms/news', { params }).then(res => res)
    return { list }
  }
}
</script>

<style lang="scss">
.news-list {
  margin: 0.2rem 0.15rem;
}
</style>
