panqihua
2 years ago
parent
fa6fa0d0f3
commit
f9a045e8e2
@ -0,0 +1,22 @@ |
||||
<template> |
||||
<el-row class="app-container" justify="center" type="flex"> |
||||
<el-col :span="12"> |
||||
<div>宪法至上，习近平为法治中国建设指明方向</div> |
||||
<div>2021-12-04发布</div> |
||||
<div> |
||||
精神是一个民族赖以长久生存的灵魂，唯有精神上达到一定高度，这个民族才能在历史的洪流中屹立不倒、奋勇前进。中华上下五千年，孕育了磅礴坚韧的中国精神，深深融入于中华儿女的血脉和灵魂之中。 |
||||
什么是中国精神？翻开中华民族的厚重历史，是“岂曰无衣？与子同袍”的同仇敌忾，是“长太息以掩涕兮，哀民生之多艰”的忧民爱民情怀，是“苟利于民，不必法古；苟周于事，不必循俗”的改革求新，是“捐躯赴国难，视死忽如归”的牺牲奉献……中国精神浸润于口口相传的诗词歌赋里，化形在包罗万象的古老汉字里，甚至融会在中国人一日三餐、一饭一蔬中。中国精神是以爱国主义为核心的民族精神，以改革创新为核心的时代精神，是凝心聚力的兴国之魂、强国之魂。 |
||||
</div> |
||||
</el-col> |
||||
</el-row> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
name: 'notice-detail' |
||||
} |
||||
</script> |
||||
|
||||
<style scoped lang="scss"> |
||||
|
||||
</style> |
||||
@ -0,0 +1,68 @@ |
||||
<template> |
||||
<div class="item"> |
||||
<div class="time mt10">2021-12-12 10:30</div> |
||||
<el-row class="content mt10"> |
||||
<el-col :span="4"> |
||||
<img src="http://www.dummyimage.com/50x50"/> |
||||
</el-col> |
||||
<el-col :span="20" class="right"> |
||||
<div> |
||||
<span class="title">祈福的历史</span> |
||||
<div class="status"></div> |
||||
</div> |
||||
<div class="content">{{ '1'.repeat(50) }}</div> |
||||
</el-col> |
||||
</el-row> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
name: 'notice-content', |
||||
props: { |
||||
msg: Object |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped lang="scss"> |
||||
.item { |
||||
& > .time { |
||||
color: rgba(168, 168, 168, 1); |
||||
font-size: 14px; |
||||
} |
||||
|
||||
& > .content { |
||||
display: flex; |
||||
|
||||
|
||||
& > .right { |
||||
display: flex; |
||||
flex-direction: column; |
||||
justify-content: space-between; |
||||
font-family: PingFangSC-regular; |
||||
|
||||
.title { |
||||
color: rgba(16, 16, 16, 1); |
||||
font-size: 12px; |
||||
} |
||||
|
||||
.content { |
||||
color: rgba(174, 174, 174, 1); |
||||
font-size: 12px; |
||||
text-overflow: ellipsis; |
||||
white-space: nowrap; |
||||
overflow-x: hidden; |
||||
width: 100%; |
||||
} |
||||
|
||||
|
||||
.title, .content { |
||||
padding: 0 10px; |
||||
} |
||||
} |
||||
|
||||
|
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,41 @@ |
||||
<template> |
||||
<el-dialog :visible="true" v-if="type==='notice-list'" :show-close="false" width="500px"> |
||||
<el-row type="flex" slot="title" justify="space-between" class="title"> |
||||
<el-col>全部消息</el-col> |
||||
<el-col class="text-right"> |
||||
<span @click="$emit('read:all')">标记全部已读</span> |
||||
</el-col> |
||||
</el-row> |
||||
<template v-for="item in 2"> |
||||
<notice-content v-on:click.native="$router.push({path:`/public/notice/${item}`})"/> |
||||
<el-divider/> |
||||
</template> |
||||
</el-dialog> |
||||
</template> |
||||
|
||||
<script> |
||||
import NoticeContent from './notice-content' |
||||
import { debug } from 'script-ext-html-webpack-plugin/lib/common' |
||||
|
||||
export default { |
||||
name: 'notice', |
||||
methods: { debug }, |
||||
components: { NoticeContent }, |
||||
props: { |
||||
type: String |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped lang="scss"> |
||||
.text-right { |
||||
text-align: right; |
||||
} |
||||
|
||||
.title { |
||||
color: rgba(16, 16, 16, 1); |
||||
font-size: 16px; |
||||
text-align: left; |
||||
font-family: SourceHanSansSC-regular; |
||||
} |
||||
</style> |
||||
Loading…
Reference in new issue