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