dev/dcp-web-gate/src_old/views/FinancialServices/InvestmentInformationDetails.vue

<template>
    <div  class="autoBox box" >
        <div class="crumbs">
            <el-breadcrumb separator="/">
                <el-breadcrumb-item :to="{ path: 'home' }">{{$t('common.Home')}}</el-breadcrumb-item>
                <el-breadcrumb-item :to="{ path: 'financialServices' }">{{$t('common.FinancialServices')}}</el-breadcrumb-item>
                <el-breadcrumb-item>{{init.label}}</el-breadcrumb-item>
            </el-breadcrumb>

        </div>
        <div class="invesDetails">
           <h3 class="invesTitle">{{init.label}}</h3>
            <p v-html="init.desc" class="invesContent"></p>
            <div style="font-size: 14px;color: #666666;margin-top: 30px">
                附件：

            </div>
            <div style="font-size: 14px;color: #666666;margin-top: 20px">
                发布时间：
                <span>2020-7-24</span>
            </div>
        </div>
    </div>
</template>
<script>
    export default{
        name:'InvestmentInformationDetails',
        data(){
            return{
                init:this.$route.params.key
            }
        },
        mounted() {
        },
        methods:{

        }
    }
</script>
<style scoped>
    .box {
        margin-top: 10px;
        background: #fff;
        /* height: 500px; */
        padding: 20px 0;
    }
    .crumbs {
        margin-left: 20px;
    }
    body {
        margin: 0;
    }
    .invesDetails{
        margin-top: 30px;
        padding: 0 20px;
    }
    .invesTitle{
        text-align: center;
        font-size: 28px;
        color: #666666;
    }
    .invesContent{
        text-indent: 2em;
        color: #666666;
        font-size: 18px;
    }

</style>