zkPCproject/src/views/msg/detail.vue

<template>
  <div class="app-container calendar-list-container">
    <basic-container>
      <div class="top">
        <span class="big">{{ objData.title }}</span>
        <span class="desc">{{ objData.createTime }}</span>
      </div>
      <template> <div v-html="objData.content"></div> </template>
    </basic-container>
  </div>
</template>

<script>
export default {
  name: "Index",
  provide() {
    return {
      Index: this,
    };
  },
  data() {
    return {};
  },
  computed: {
    objData() {
      return this.$store.state.messageObj
    }
  }
};
</script>


<style lang="scss" scoped>
.top {
  display: flex;
  flex-direction: column;

  .big {
    font-size: 18px;
    font-weight: bold;
  }

  .desc {
    margin-top: 1em;
    font-size: 14px;
    color: #999999;
  }

}
</style>