<template>
  <ui-page-layout :showLeft="false" title="投稿">
    <div class="p-24rem">
      <div  v-html="simpleArticle.content"></div>
    </div>

     <div class="w-180rem h-88rem bg-primary rounded-full flex justify-center items-center text-[#fff] " style="position:fixed;bottom: 120rem;right: 24rem;ackground: #124026;box-shadow: 0px 3rem 6rem 1rem rgba(0,0,0,0.16);">我要投稿</div>

  </ui-page-layout>
</template>

<script>
  export default {
    data() {
      return {
        simpleArticle:{},
        banner1: [
          {url: "/imgs/banner1.png", title: "這裏是輪播圖推薦內容標題"},
          {url: "/imgs/banner1.png", title: "這裏是輪播圖推薦內容標題"},
          {url: "/imgs/banner1.png", title: "這裏是輪播圖推薦內容標題"},
          {url: "/imgs/banner1.png", title: "這裏是輪播圖推薦內容標題"},
          {url: "/imgs/banner1.png", title: "這裏是輪播圖推薦內容標題"},
        ],
      };
    },
    async created() {
      let resp = await this.$http.post(this.$api.common.simpleArticle, this.$qs.stringify({flag: '投稿说明'}));
      if (resp.data.status === 200) {
        this.simpleArticle = resp.data.data.simpleArticle;
      }

    }
  };
</script>
<style>

</style>
