|
@@ -1,5 +1,5 @@
|
|
<template>
|
|
<template>
|
|
- <div id="news">
|
|
|
|
|
|
+ <div id="notice">
|
|
<el-row>
|
|
<el-row>
|
|
<el-col :span="24" class="news">
|
|
<el-col :span="24" class="news">
|
|
<el-col :span="24" class="topTit">
|
|
<el-col :span="24" class="topTit">
|
|
@@ -10,17 +10,18 @@
|
|
<el-link :underline="false" :style="`color:${Color}`">MORE<i class="el-icon-video-play"></i></el-link>
|
|
<el-link :underline="false" :style="`color:${Color}`">MORE<i class="el-icon-video-play"></i></el-link>
|
|
</el-col>
|
|
</el-col>
|
|
</el-col>
|
|
</el-col>
|
|
- <el-col :span="24" class="newsMain">
|
|
|
|
- <el-col class="chengguolist" :span="24" v-for="(tag, index) in noticelist" :key="index" :type="tag.type"
|
|
|
|
- @click="$router.push({ path: '/detail', params:{id:tag.id} })">
|
|
|
|
- <el-col :span="16">
|
|
|
|
- {{tag.title}}
|
|
|
|
|
|
+ <el-col :span="24" class="newsMain">
|
|
|
|
+ <el-col :span="24" v-for="(tag, index) in noticelist.children" :key="index" :type="tag.type">
|
|
|
|
+ <el-col class="chengguolist" :span="24" v-for="(item, index) in tag.children" :key="index">
|
|
|
|
+ <el-col :span="16" @click="$router.push({ path: '/detail', params:{id:item.id} })">
|
|
|
|
+ <p class="textOver">{{ item.title }}</p>
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :span="8" style="text-align:right;">
|
|
<el-col :span="8" style="text-align:right;">
|
|
- {{tag.time}}
|
|
|
|
|
|
+ {{item.publish_time}}
|
|
</el-col>
|
|
</el-col>
|
|
</el-col>
|
|
</el-col>
|
|
</el-col>
|
|
</el-col>
|
|
|
|
+ </el-col>
|
|
</el-col>
|
|
</el-col>
|
|
</el-row>
|
|
</el-row>
|
|
</div>
|
|
</div>
|
|
@@ -28,23 +29,32 @@
|
|
|
|
|
|
<script>
|
|
<script>
|
|
export default {
|
|
export default {
|
|
- name: 'news',
|
|
|
|
|
|
+ name: 'notice',
|
|
props: {
|
|
props: {
|
|
- noticelist:null,
|
|
|
|
|
|
+ noticelist: null,
|
|
},
|
|
},
|
|
components: {},
|
|
components: {},
|
|
data: () => ({
|
|
data: () => ({
|
|
- borderColor:'#850000',
|
|
|
|
- Color:'#850000',
|
|
|
|
- title:"通知公告",
|
|
|
|
|
|
+ borderColor: '#850000',
|
|
|
|
+ Color: '#850000',
|
|
|
|
+ title: "通知公告",
|
|
}),
|
|
}),
|
|
- created() {},
|
|
|
|
|
|
+ created() { },
|
|
computed: {},
|
|
computed: {},
|
|
methods: {},
|
|
methods: {},
|
|
};
|
|
};
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<style lang="less" scoped>
|
|
<style lang="less" scoped>
|
|
|
|
+p {
|
|
|
|
+ margin: 0;
|
|
|
|
+ padding: 0;
|
|
|
|
+}
|
|
|
|
+.textOver {
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ text-overflow: ellipsis;
|
|
|
|
+ white-space: nowrap;
|
|
|
|
+}
|
|
.news {
|
|
.news {
|
|
padding: 10px;
|
|
padding: 10px;
|
|
}
|
|
}
|
|
@@ -59,9 +69,13 @@ export default {
|
|
.newsMain {
|
|
.newsMain {
|
|
padding: 5px 0;
|
|
padding: 5px 0;
|
|
}
|
|
}
|
|
-.chengguolist{
|
|
|
|
|
|
+.chengguolist {
|
|
padding: 10px 0;
|
|
padding: 10px 0;
|
|
border-bottom: 1px dashed #ccc;
|
|
border-bottom: 1px dashed #ccc;
|
|
margin: 1px;
|
|
margin: 1px;
|
|
}
|
|
}
|
|
|
|
+.chengguolist p:hover{
|
|
|
|
+ color:#850000;
|
|
|
|
+ cursor: pointer;
|
|
|
|
+}
|
|
</style>
|
|
</style>
|