<template>
  <v-page>
    <v-header :title="$t('notice.a0')"></v-header>
    <main class="layout-main p-md" style="background-color: #121212;">
      <view class="top p-b-sm border-b" >
        <view class="title fn-lg fn-center m-b-md color-light" style="color: white;">{{detail.title}}</view>
        <view class="time fn-sm"  style="color: white;">{{detail.created_at}}</view>
      </view>
      <view class="edit-content m-t-md"  style="color: white;" v-html="detail.body"></view>
    </main>
  </v-page>
</template>
<script>
import Member from "@/api/member";
export default {
  data() {
    return {
      detail: {},
      query: {},
    };
  },
  computed: {
  },
  methods: {
    articleDetail() {
      Member.articleDetail({
        id: this.query.id,
      }).then((res) => {
        this.detail = res.data;
      });
    },
  },
  onLoad($ev) {
    this.query = $ev;
    this.articleDetail();
  },
};
</script>
<style lang="scss">
</style>