zixun.vue 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. <template>
  2. <div id="zixun">
  3. <el-row>
  4. <el-col :span="24">
  5. <el-col :span="24" class="top">
  6. <el-link :underline="false">
  7. <el-col :span="21" class="title">通知公告</el-col>
  8. <el-col :span="3" class="more">
  9. <el-image style="width:25px;height:25px;padding: 20px 0 0 0;" :src="dian"></el-image>
  10. </el-col>
  11. </el-link>
  12. </el-col>
  13. <ul>
  14. <li v-for="(item,index) in ziXunList" :key="index">
  15. <a href="#">
  16. <span>{{item.title}}</span>
  17. <span class="tt">{{item.time}}</span>
  18. </a>
  19. </li>
  20. </ul>
  21. </el-col>
  22. </el-row>
  23. </div>
  24. </template>
  25. <script>
  26. export default {
  27. name: 'zixun',
  28. props: {
  29. ziXunList:null,
  30. },
  31. components: {},
  32. data: () => ({
  33. dian: require('../../../assets/dot.png'),
  34. }),
  35. created() {},
  36. computed: {},
  37. methods: {},
  38. };
  39. </script>
  40. <style lang="less" scoped>
  41. a {
  42. text-decoration: none;
  43. }
  44. .top {
  45. height: 60px;
  46. line-height: 60px;
  47. }
  48. .top .el-link {
  49. width: 100%;
  50. }
  51. /deep/.top .el-link .el-link--inner {
  52. width: 100%;
  53. }
  54. .top .title {
  55. font-size: 22px;
  56. color: #2c3350;
  57. font-family: 微软雅黑;
  58. font-weight: bold;
  59. padding: 0 0 0 20px;
  60. }
  61. .top .more {
  62. text-align: center;
  63. height: 60px;
  64. }
  65. ul {
  66. padding: 0;
  67. margin: 8px 20px;
  68. list-style-position: inside;
  69. }
  70. li {
  71. padding: 3px 0;
  72. color: #95a3c0;
  73. }
  74. li a {
  75. font-size: 14px;
  76. color: #60626e;
  77. }
  78. .tt {
  79. color: #abaab8;
  80. float: right;
  81. }
  82. a > span {
  83. display: inline-block;
  84. max-width: 450px;
  85. overflow: hidden;
  86. text-overflow: ellipsis;
  87. white-space: nowrap;
  88. }
  89. </style>