dev/dcp-web-gate/src_old/views/cooperationExchange/CooperationActiveAgenda.vue

<template>
    <div style="padding: 20px 20px">      
        <!-- <table class="Agenda">
            <tbody>
                <tr  class="title">
                    <td colspan="2">11月1日</td>
                </tr> 
                <tr>
                    <td>全天</td>
                    <td>报到注册</td>
                </tr>
                <tr>
                    <td>8::30-18:00</td>
                    <td>主题展览开幕</td>
                </tr>
            </tbody>
            <tbody>
                <tr  class="title">
                    <td colspan="2">11月1日</td>
                </tr> 
                <tr>
                    <td>全天</td>
                    <td>报到注册</td>
                </tr>
                <tr>
                    <td>8::30-18:00</td>
                    <td>主题展览开幕</td>
                </tr>
            </tbody>
            <tbody>
                <tr  class="title">
                    <th colspan="2">11月1日</th>
                </tr> 
                <tr>
                    <td>全天</td>
                    <td>报到注册</td>
                </tr>
                <tr>
                    <td>8::30-18:00</td>
                    <td>主题展览开幕</td>
                </tr>
            </tbody>
        </table> -->
        <div v-html="programOutline" class="coo_box">
            
        </div>
    </div>  
</template>
<script>
export default {
    name:"CooperationActiveAgenda",
    props:['programOutline']
}
</script>
<style scoped>
.Agenda{
    width: 90%;
    margin: auto;
    margin-top: 30px;
}
table{
    border-spacing: 0;
}
.title{
    height: 54px;
    background: rgb(82, 81, 81);
    color: #ffffff;
    font-weight: 700;
    font-size: 24px;
}
td{
    border: 1px solid rgb(82, 81, 81);
    height: 54px;
    padding-left:20px;
}
/*.coo_box >>> img {*/
/*        width: 100%;height: 100%;*/
/*}*/
</style>