<template>
  <div class="box">
    <div class="list" v-for="item in noticeList" :key="item.id" @click="$router.push({path:'/text',query:{id:item.id,title:'通知公告'}})">
      <p class="title">{{item.title}}</p>
      <p class="mes">发布单位：{{item.publish}}</p>
      <p class="date">发布日期：{{item.createdDate}}</p>
    </div>
  </div>
</template>
<script>
export default {
  props: ['noticeList'],
  data() {
    return {}
  },
}
</script>

<style lang="scss" scoped>
p {
  margin: 0;
  margin-top: 16px;
}
.list {
  margin-top: 24px;
  text-align: left;
  border-bottom: 1px solid #eee;
  padding-bottom: 24px;
  .title {
    font-size: 30px;
  }
  .mes,
  .date {
    font-size: 26px;
  }
}
</style>
