<template>
    <div>
        <ui-banner flag="投稿"  :showPagination="true" banner-class="w-screen h-350px"></ui-banner>


        <div class="w-1200px m-auto">
            <div class="mt-68px text-[#000A04] text-size-36px text-center font-light">
                {{simpleArticle.title}}
            </div>
            <div class="mt-80px" v-html="simpleArticle.content"></div>
        </div>

        <div class="flex justify-center items-center pt-30px">
            <div @click="handleSubmit" class="w-400px h-40px bg-[#124026] rounded-full text-[#ffffff] flex justify-center items-center">我要投稿</div>
        </div>

    </div>
</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: "這裏是輪播圖推薦內容標題"},
                ],
            };
        },
        methods:{
           handleSubmit(){
               window.open('mailto:test@example.com');
           }
        },
        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>
