|
|
|
@ -11,7 +11,19 @@ |
|
|
|
</div> |
|
|
|
<div class="dialog_body"> |
|
|
|
<div class="content"> |
|
|
|
<img src="@/assets/images/index/ldgh.png" alt=""> |
|
|
|
<img src="@/assets/images/index/ldgh.png" alt=""> |
|
|
|
<div class="header" style="margin: 20px 0 40px;"> |
|
|
|
<img src="@/assets/images/common/title-small.png" alt="" style="width: 20px;height: 20px;">习近平主席历年历次会议的讲话 |
|
|
|
</div> |
|
|
|
<div class="flow"> |
|
|
|
<el-timeline> |
|
|
|
<el-timeline-item v-for="(activity, index) in activities" :key="index" :icon="activity.icon" |
|
|
|
:type="activity.type" :color="activity.color" :size="activity.size" |
|
|
|
:timestamp="activity.timestamp"> |
|
|
|
{{ activity.content }} |
|
|
|
</el-timeline-item> |
|
|
|
</el-timeline> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</section> |
|
|
|
@ -25,7 +37,44 @@ export default { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
dialogTitle: '领导关怀', |
|
|
|
|
|
|
|
activities: [ |
|
|
|
{ |
|
|
|
content: '“要以市场需求为导向调整完普农业生产结构和产品结构，以科技为支撑走内通式现代农业发展道路，以健全市场机制为目标，改革完善农业支持保护政策，以家庭农场和农民合作社为抓手发展农业适度规模经营。要研究和完善粮食安全政策，把产能建设作为根本，实现藏粮于地、藏粮于技。”', |
|
|
|
timestamp: '2016年3月8日《十二届全国人大四次会议湖南代表团审议》', |
|
|
|
color: '#fff' |
|
|
|
}, { |
|
|
|
content: '“种业是一个很伟大的事业。”“十几亿人口要吃饭，这是我国最大的国情。良种在促进粮食增产方面具有十分关键的作用。要下决心把我国种业搞上去，抓紧培育具有自主知识产权的优良品种，从源头上保障国家粮食安全。”-----2018年4月12日，在海南考察南繁育种基地。', |
|
|
|
timestamp: '2018年4月12日《海南考察南繁育种基地》', |
|
|
|
color: '#fff' |
|
|
|
}, { |
|
|
|
content: '要拿出攻破“卡脖子”技术的干劲，明确方向和目标，加快实施农业生物育种重大科技项目，早日实现重要农产品的种源自主可控。', |
|
|
|
timestamp: '2020年12月28日《中央农村工作会议》', |
|
|
|
color: '#fff' |
|
|
|
|
|
|
|
}, { |
|
|
|
content: '保证粮食安全必须把种子牢牢攥在自己手中。要坚持农业科技自立自强，从培育好种子做起，加强良种技术攻关，靠中国种子来保障中国粮食安全。', |
|
|
|
timestamp: '2021年5月13日《河南考察》', |
|
|
|
color: '#fff' |
|
|
|
|
|
|
|
}, { |
|
|
|
content: '农业现代化，种子是基础，必须把民族种业搞上去，把种源安全提升到关系国家安全的战略高度，集中力量破难题、补短板、强优势、控风险，实现种业科技自立自强、种源自主可控。', |
|
|
|
timestamp: '2021年7月9日《中央全面深化改革委员会第二十次会议》', |
|
|
|
color: '#fff' |
|
|
|
|
|
|
|
}, { |
|
|
|
content: '解决吃饭问题，根本出路在科技。种源安全关系到国家安全，必须下决心把我国种业搞上去，实现种业科技自立自强、种源自主可控。', |
|
|
|
timestamp: '2022年3月6日《我国政协十三届五次会议的农业界社会福利和社会保障界委员》', |
|
|
|
color: '#fff' |
|
|
|
|
|
|
|
}, |
|
|
|
{ |
|
|
|
content: '中国人的饭碗要牢牢端在自己手中，就必须把种子牢牢攥在自己手里。要围绕保障粮食安全和重要农产品供给集中攻关，实现种业科技自立自强、种源自主可控，用中国种子保障中国粮食安全。', |
|
|
|
timestamp: '2022年4月10日~13日《海南考察》', |
|
|
|
color: '#fff' |
|
|
|
|
|
|
|
} |
|
|
|
] |
|
|
|
|
|
|
|
} |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
@ -52,6 +101,17 @@ export default { |
|
|
|
</script> |
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
::v-deep .el-timeline-item__content { |
|
|
|
font-size: 18px; |
|
|
|
} |
|
|
|
|
|
|
|
::v-deep .el-timeline-item__timestamp { |
|
|
|
color: #B5D9FF; |
|
|
|
font-size: 16px; |
|
|
|
} |
|
|
|
::v-deep .el-timeline{ |
|
|
|
padding: 0; |
|
|
|
} |
|
|
|
.modal { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
@ -63,6 +123,16 @@ export default { |
|
|
|
justify-content: center; |
|
|
|
z-index: 150; |
|
|
|
|
|
|
|
.header { |
|
|
|
width: 100%; |
|
|
|
height: 30px; |
|
|
|
text-align: left; |
|
|
|
background: linear-gradient(90deg, rgb(26, 109, 224) 0%, rgba(13, 113, 248, 0) 50%); |
|
|
|
display: flex; |
|
|
|
justify-content: flex-start; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
|
|
|
|
>section { |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
@ -89,21 +159,19 @@ export default { |
|
|
|
.title-container { |
|
|
|
align-items: center; |
|
|
|
background: url('~@/assets/images/common/dialog-header.png') no-repeat; |
|
|
|
background-size: 100% 118%; |
|
|
|
background-size: 100% 100%; |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
height: 60px; |
|
|
|
font-size: 26px; |
|
|
|
|
|
|
|
.title { |
|
|
|
font-family: zaozigongfang; |
|
|
|
letter-spacing: 2px; |
|
|
|
|
|
|
|
line-height: 50px; |
|
|
|
background-size: 100% 100%; |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
height: 60px; |
|
|
|
font-size: 26px; |
|
|
|
color: #fff; |
|
|
|
@ -135,8 +203,17 @@ export default { |
|
|
|
.content { |
|
|
|
color: #fff; |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
|
|
|
|
img { |
|
|
|
width: 1706px; |
|
|
|
height: 372px; |
|
|
|
} |
|
|
|
|
|
|
|
.flow { |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
@ -144,11 +221,5 @@ export default { |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
.m-r16{ |
|
|
|
margin-right: 16px; |
|
|
|
} |
|
|
|
.m-l16{ |
|
|
|
margin-left: 16px; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
