<template>
  <div class="main_content">
    <img src="https://webapp-pub.ezijing.com/www/pc/alumnus/banner.png" class="banner" />
    <article-list v-bind="listOptions"></article-list>
  </div>
</template>

<script setup>
import { getArticleList } from '@/api'

const config = useRuntimeConfig()

const listOptions = {
  remote: {
    httpRequest: getArticleList,
    params: {
      project_id: config.public.projectId,
      type_tag: 'article_alumni',
    },
  },
  to(item) {
    return { path: `/alumnus/story/${item.id}` }
  },
}
</script>

<style lang="scss" scoped>
.main_content {
  width: 1200px;
  margin: 30px auto;

  .banner {
    width: 100%;
  }
}
</style>
