<template>
  <n-card :title="title" class="notice-box">
    {{ content }}
    <template #footer>
      {{ time }}
    </template>
  </n-card>
</template>
<script setup>
defineOptions({
  name: "notice-box",
});

defineProps({
  title: {
    type: String,
    default: () => "",
  },
  content: {
    type: String,
    default: () => "",
  },
  time: {
    type: String,
    default: () => "",
  },
});
</script>

<style lang="scss" scoped>
.n-card.notice-box {
  --n-title-font-weight: 600 !important;
  --n-title-font-size: 1.75rem !important;
  border-radius: 1.875rem;
  box-shadow: var(--main-box-shadow);
  // background-image: url("/img/notice_list_bg.png");
  background-size: contain;
  background-repeat: no-repeat;
  // background-color: transparent;
}
</style>
