<template>
  <div class="message-card">
    <div class="message-card-hd">
      <div class="message-card__title">{{data.name}}</div>
    </div>
    <div class="message-card-bd">
      <ul v-if="data.tag && data.tag.length">
        <li v-for="item in data.tag" :key="item.id">{{item.title}}</li>
      </ul>
    </div>
    <div class="message-card-ft">更多</div>
  </div>
</template>

<script>
export default {
  name: 'MessageCard',
  props: {
    data: { type: Object }
  }
}
</script>
