12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091 |
- <template>
- <div id="zixun">
- <el-row>
- <el-col :span="24">
- <el-col :span="24" class="top">
- <el-link :underline="false">
- <el-col :span="21" class="title">通知公告</el-col>
- <el-col :span="3" class="more">
- <el-image style="width:25px;height:25px;padding: 20px 0 0 0;" :src="dian"></el-image>
- </el-col>
- </el-link>
- </el-col>
- <ul>
- <li v-for="(item,index) in ziXunList" :key="index">
- <a href="#">
- <span>{{item.title}}</span>
- <span class="tt">{{item.time}}</span>
- </a>
- </li>
- </ul>
- </el-col>
- </el-row>
- </div>
- </template>
- <script>
- export default {
- name: 'zixun',
- props: {
- ziXunList:null,
- },
- components: {},
- data: () => ({
- dian: require('../../../assets/dot.png'),
- }),
- created() {},
- computed: {},
- methods: {},
- };
- </script>
- <style lang="less" scoped>
- a {
- text-decoration: none;
- }
- .top {
- height: 60px;
- line-height: 60px;
- }
- .top .el-link {
- width: 100%;
- }
- /deep/.top .el-link .el-link--inner {
- width: 100%;
- }
- .top .title {
- font-size: 22px;
- color: #2c3350;
- font-family: 微软雅黑;
- font-weight: bold;
- padding: 0 0 0 20px;
- }
- .top .more {
- text-align: center;
- height: 60px;
- }
- ul {
- padding: 0;
- margin: 8px 20px;
- list-style-position: inside;
- }
- li {
- padding: 3px 0;
- color: #95a3c0;
- }
- li a {
- font-size: 14px;
- color: #60626e;
- }
- .tt {
- color: #abaab8;
- float: right;
- }
- a > span {
- display: inline-block;
- max-width: 450px;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- </style>
|