<template>
    <div class="main bgColor">
        <div class="title">
            {{data.title||"暂无"}}
        </div>
        <div class="subheading">
            <span>{{data.dept?data.dept.dept:""}}</span>
            <span>{{data.createTime.substring(0,data.createTime.length-5)||"暂无"}}</span>
        </div>
        <div class="contants" v-html="data.content">
            <!-- {{data.content||"暂无"}} -->
        </div>
        <div class="release">
            {{data.dept?data.dept.dept:""}}
        </div>
        <div class="time">
            {{data.createTime.substring(0,data.createTime.length-5)||"暂无"}}
        </div>
    </div>
</template>
<script>
export default {
    data(){
        return{
            data:""
        }
    },
    methods:{
        getParamsData(){
            this.data=this.$route.params.data;
        }
    },
    created(){
        this.getParamsData()
    },
    mounted(){
        
    }
}
</script>
<style scoped>
.bgColor{
    background-color: white
}
.main{
    padding: 0 .24rem
}
.title{
    font-size: .32rem;
    padding: .24rem .24rem 0 .24rem;
    font-weight: bold;
    line-height: .45rem
}
.subheading{
    padding: .16rem 0;
    display: flex;
    justify-content:space-between
}
.subheading span{
    font-size: .24rem;
    color: #999999
}
.contants{
    font-size: .28rem;
    padding-top: .24rem;
    border-top: .01rem rgb(223, 222, 222) solid;
    text-indent:2em;
    line-height: .39rem;
    padding-bottom: .48rem;
    color: #666666
}
.release{
    display: flex;
    justify-content:flex-end;
    font-size: .28rem;
    line-height: .39rem;
    color: #666666
}
.time{
    display: flex;
    justify-content:flex-end;
    font-size: .28rem;
    line-height: .39rem;
    color: #666666;
    margin-top: .08rem
}
</style>