CooperationActiveAgenda.vue 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. <template>
  2. <div style="padding: 20px 20px">
  3. <!-- <table class="Agenda">
  4. <tbody>
  5. <tr class="title">
  6. <td colspan="2">11月1日</td>
  7. </tr>
  8. <tr>
  9. <td>全天</td>
  10. <td>报到注册</td>
  11. </tr>
  12. <tr>
  13. <td>8::30-18:00</td>
  14. <td>主题展览开幕</td>
  15. </tr>
  16. </tbody>
  17. <tbody>
  18. <tr class="title">
  19. <td colspan="2">11月1日</td>
  20. </tr>
  21. <tr>
  22. <td>全天</td>
  23. <td>报到注册</td>
  24. </tr>
  25. <tr>
  26. <td>8::30-18:00</td>
  27. <td>主题展览开幕</td>
  28. </tr>
  29. </tbody>
  30. <tbody>
  31. <tr class="title">
  32. <th colspan="2">11月1日</th>
  33. </tr>
  34. <tr>
  35. <td>全天</td>
  36. <td>报到注册</td>
  37. </tr>
  38. <tr>
  39. <td>8::30-18:00</td>
  40. <td>主题展览开幕</td>
  41. </tr>
  42. </tbody>
  43. </table> -->
  44. <div v-html="programOutline" class="coo_box">
  45. </div>
  46. </div>
  47. </template>
  48. <script>
  49. export default {
  50. name:"CooperationActiveAgenda",
  51. props:['programOutline']
  52. }
  53. </script>
  54. <style scoped>
  55. .Agenda{
  56. width: 90%;
  57. margin: auto;
  58. margin-top: 30px;
  59. }
  60. table{
  61. border-spacing: 0;
  62. }
  63. .title{
  64. height: 54px;
  65. background: rgb(82, 81, 81);
  66. color: #ffffff;
  67. font-weight: 700;
  68. font-size: 24px;
  69. }
  70. td{
  71. border: 1px solid rgb(82, 81, 81);
  72. height: 54px;
  73. padding-left:20px;
  74. }
  75. /*.coo_box >>> img {*/
  76. /* width: 100%;height: 100%;*/
  77. /*}*/
  78. </style>