parent
d9f766a5c9
commit
b0531515d9
11 changed files with 596 additions and 143 deletions
@ -1,9 +1,11 @@ |
|||||||
<template> |
<template> |
||||||
<router-view></router-view> |
<router-view> |
||||||
|
|
||||||
|
</router-view> |
||||||
</template> |
</template> |
||||||
|
|
||||||
<script lang="ts" setup> |
<script lang="ts" setup> |
||||||
import {} from 'vue' |
import { } from 'vue' |
||||||
</script> |
</script> |
||||||
|
|
||||||
<style lang="scss" scoped></style> |
<style lang="scss" scoped></style> |
||||||
|
|||||||
|
After Width: | Height: | Size: 13 KiB |
|
After Width: | Height: | Size: 45 KiB |
|
After Width: | Height: | Size: 40 KiB |
|
After Width: | Height: | Size: 51 KiB |
@ -1,7 +1,370 @@ |
|||||||
<template> |
<template> |
||||||
<div>111</div> |
<div class="important"> |
||||||
|
<div class="box1"> |
||||||
|
<div class="paper"> |
||||||
|
<div class="fl"> |
||||||
|
<img |
||||||
|
style="width: 100%; height: 100%" |
||||||
|
src="../../assets//images/image11.png" |
||||||
|
alt="" |
||||||
|
srcset="" |
||||||
|
/> |
||||||
|
</div> |
||||||
|
<div class="fr"> |
||||||
|
<ul> |
||||||
|
<li> |
||||||
|
向着航天强国目标勇毅前进————以习近平通知为核心的党中央关心引领探月工程纪实 |
||||||
|
</li> |
||||||
|
<li> |
||||||
|
在第七个“中国农民丰收节”到来之际，习近平向全国广大农民和工作在“三农”战线上的同志们致以节日... |
||||||
|
</li> |
||||||
|
<li>李强会见马来西亚最高元首易卜拉欣</li> |
||||||
|
</ul> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="more"> |
||||||
|
<p>更多</p> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="box2"> |
||||||
|
<div class="leftt"></div> |
||||||
|
<div class="rightt"> |
||||||
|
<div class="tell"> |
||||||
|
<div class="fl">通知通告</div> |
||||||
|
</div> |
||||||
|
<div class="inner"> |
||||||
|
<ul> |
||||||
|
<li>省科技厅召开党组会传达学习省管主要领导干部学习贯彻</li> |
||||||
|
<li>王浩：建设高水平创新型省份 因地制宜大力发展新质生</li> |
||||||
|
<li>省委第四巡视组省科学技术厅工作动员会议召开</li> |
||||||
|
<li>省科技厅召开厅系统重点工作交流会</li> |
||||||
|
<li>省科技厅召开党组(扩大)会总结党纪学习教育工作</li> |
||||||
|
<li>省科技厅召开党组会传达学习贯彻省委十五届五次全会精神</li> |
||||||
|
<li>建设高水平创新型省份</li> |
||||||
|
<li>学习贯彻省委十五届五次全会精神</li> |
||||||
|
<li>省科技厅召开党组会传达学习省管主要领导干部学习贯彻</li> |
||||||
|
</ul> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="box3"> |
||||||
|
<img src="../../assets/images/image1.png" alt="" style="width: 100%" /> |
||||||
|
</div> |
||||||
|
<div class="box4"> |
||||||
|
<div class="inner1"> |
||||||
|
<div class="tell"> |
||||||
|
<div class="fl">通知通告</div> |
||||||
|
</div> |
||||||
|
<div class="inner"> |
||||||
|
<ul> |
||||||
|
<li>省科技厅召开党组会传达学习省管主要领导干部学习贯彻</li> |
||||||
|
<li>王浩：建设高水平创新型省份 因地制宜大力发展新质生</li> |
||||||
|
<li>省委第四巡视组省科学技术厅工作动员会议召开</li> |
||||||
|
<li>省科技厅召开厅系统重点工作交流会</li> |
||||||
|
<li>省科技厅召开党组(扩大)会总结党纪学习教育工作</li> |
||||||
|
<li>省科技厅召开党组会传达学习贯彻省委十五届五次全会精</li> |
||||||
|
<li>建设高水平创新型省份</li> |
||||||
|
<li>学习贯彻省委十五届五次全会精神</li> |
||||||
|
<li>省科技厅召开党组会传达学习省管主要领导干部学习贯彻</li> |
||||||
|
</ul> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="inner2"> |
||||||
|
<div class="tell"> |
||||||
|
<div class="fl">通知通告</div> |
||||||
|
</div> |
||||||
|
<div class="inner"> |
||||||
|
<ul> |
||||||
|
<li>省科技厅召开党组会传达学习省管主要领导干部学习贯彻</li> |
||||||
|
<li>王浩：建设高水平创新型省份 因地制宜大力发展新质生</li> |
||||||
|
<li>省委第四巡视组省科学技术厅工作动员会议召开</li> |
||||||
|
<li>省科技厅召开厅系统重点工作交流会</li> |
||||||
|
<li>省科技厅召开党组(扩大)会总结党纪学习教育工作</li> |
||||||
|
<li>省科技厅召开党组会传达学习贯彻省委十五届五次全会精神</li> |
||||||
|
<li>建设高水平创新型省份</li> |
||||||
|
<li>学习贯彻省委十五届五次全会精神</li> |
||||||
|
<li>省科技厅召开党组会传达学习省管主要领导干部学习贯彻</li> |
||||||
|
</ul> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="box5"> |
||||||
|
<img src="../../assets/images/image3.png" alt="" style="width: 100%" /> |
||||||
|
</div> |
||||||
|
<div class="box6"> |
||||||
|
<div class="share1"> |
||||||
|
<div class="tell"> |
||||||
|
<div class="fl">仪器共享</div> |
||||||
|
</div> |
||||||
|
<div class="instrument"> |
||||||
|
<ul> |
||||||
|
<li> |
||||||
|
<div class="instrumentImage"> |
||||||
|
<img width="100%" src="../../assets/images/image.png" alt="" /> |
||||||
|
<div class="small"> |
||||||
|
<h6>数字无线电综合测试仪</h6> |
||||||
|
<p>分类：电子测量仪器->通讯测量...</p> |
||||||
|
<p>服务次数：0</p> |
||||||
|
<p>鹤壁天海电子信息系统有限公司</p> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</li> |
||||||
|
<li> |
||||||
|
<div class="instrumentImage"> |
||||||
|
<img width="100%" src="../../assets/images/image.png" alt="" /> |
||||||
|
<div class="small"> |
||||||
|
<h6>数字无线电综合测试仪</h6> |
||||||
|
<p>分类：电子测量仪器->通讯测量...</p> |
||||||
|
<p>服务次数：0</p> |
||||||
|
<p>鹤壁天海电子信息系统有限公司</p> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</li> |
||||||
|
<li> |
||||||
|
<div class="instrumentImage"> |
||||||
|
<img width="100%" src="../../assets/images/image.png" alt="" /> |
||||||
|
<div class="small"> |
||||||
|
<h6>数字无线电综合测试仪</h6> |
||||||
|
<p>分类：电子测量仪器->通讯测量...</p> |
||||||
|
<p>服务次数：0</p> |
||||||
|
<p>鹤壁天海电子信息系统有限公司</p> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</li> |
||||||
|
<li> |
||||||
|
<div class="instrumentImage"> |
||||||
|
<img src="../../assets/images/image.png" alt="" /> |
||||||
|
</div> |
||||||
|
</li> |
||||||
|
</ul> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="share2"> |
||||||
|
<div class="a">科研仪器入网</div> |
||||||
|
<div class="a">仪器信息查询</div> |
||||||
|
<div class="b"> |
||||||
|
<div class="bb1">技术交流</div> |
||||||
|
<div class="bb2">数据上报</div> |
||||||
|
</div> |
||||||
|
<div class="c">在线预约</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
</template> |
</template> |
||||||
|
|
||||||
<script setup></script> |
<script setup></script> |
||||||
|
|
||||||
<style scoped lang="scss"></style> |
<style scoped lang="scss"> |
||||||
|
.important { |
||||||
|
height: 1800px; |
||||||
|
background-color: #e6e6e6; |
||||||
|
margin: 0px 300px; |
||||||
|
// display: flex; |
||||||
|
// align-items: center; |
||||||
|
// justify-content: center; |
||||||
|
} |
||||||
|
|
||||||
|
.box1 { |
||||||
|
position: relative; |
||||||
|
width: 100%; |
||||||
|
height: 160px; |
||||||
|
background-color: #f6f6f6; |
||||||
|
border-bottom: 2px solid #1b4290; |
||||||
|
} |
||||||
|
|
||||||
|
.paper { |
||||||
|
height: 100%; |
||||||
|
} |
||||||
|
|
||||||
|
.paper .fl { |
||||||
|
width: 110px; |
||||||
|
float: left; |
||||||
|
margin-left: 30px; |
||||||
|
padding-top: 28px; |
||||||
|
} |
||||||
|
|
||||||
|
.paper .fr { |
||||||
|
float: right; |
||||||
|
padding: 38px 170px 0 0; |
||||||
|
} |
||||||
|
.fr ul li { |
||||||
|
list-style: disc; |
||||||
|
font-size: 20px; |
||||||
|
padding-bottom: 12px; |
||||||
|
} |
||||||
|
.fr ul li::marker { |
||||||
|
color: #1b4290; |
||||||
|
} |
||||||
|
|
||||||
|
.box1 .more { |
||||||
|
position: absolute; |
||||||
|
right: 50px; |
||||||
|
bottom: 5px; |
||||||
|
color: #1b4290; |
||||||
|
} |
||||||
|
|
||||||
|
.box2 { |
||||||
|
height: 450px; |
||||||
|
background-color: #ffffff; |
||||||
|
position: relative; |
||||||
|
} |
||||||
|
.leftt { |
||||||
|
position: absolute; |
||||||
|
width: 600px; |
||||||
|
height: 400px; |
||||||
|
margin-top: 20px; |
||||||
|
background-color: #999999; |
||||||
|
} |
||||||
|
.rightt { |
||||||
|
position: absolute; |
||||||
|
width: 660px; |
||||||
|
height: 400px; |
||||||
|
right: 0px; |
||||||
|
margin-top: 20px; |
||||||
|
} |
||||||
|
.tell { |
||||||
|
width: 100%; |
||||||
|
height: 50px; |
||||||
|
background-color: #e9f3fd; |
||||||
|
} |
||||||
|
.tell .fl { |
||||||
|
width: 120px; |
||||||
|
height: 100%; |
||||||
|
line-height: 50px; |
||||||
|
font-size: 22px; |
||||||
|
color: #fff; |
||||||
|
background-color: #003cb9; |
||||||
|
padding-left: 15px; |
||||||
|
} |
||||||
|
.inner { |
||||||
|
margin: 20px 30px; |
||||||
|
} |
||||||
|
.inner ul li { |
||||||
|
font-size: 22px; |
||||||
|
list-style-type: disc; |
||||||
|
padding-bottom: 14px; |
||||||
|
color: #404040; |
||||||
|
} |
||||||
|
.inner ul li::marker { |
||||||
|
color: rgb(173, 89, 89); |
||||||
|
} |
||||||
|
.box3 { |
||||||
|
padding-top: 30px; |
||||||
|
height: 200px; |
||||||
|
width: 100%; |
||||||
|
background-color: #d3e8fe; |
||||||
|
} |
||||||
|
.box4 { |
||||||
|
height: 450px; |
||||||
|
background-color: #ffffff; |
||||||
|
position: relative; |
||||||
|
padding-top: 30px; |
||||||
|
} |
||||||
|
.inner1 { |
||||||
|
width: 630px; |
||||||
|
height: 400px; |
||||||
|
|
||||||
|
position: absolute; |
||||||
|
left: 0px; |
||||||
|
} |
||||||
|
.inner2 { |
||||||
|
width: 670px; |
||||||
|
height: 400px; |
||||||
|
|
||||||
|
position: absolute; |
||||||
|
right: 0px; |
||||||
|
} |
||||||
|
|
||||||
|
.box5 { |
||||||
|
height: 134px; |
||||||
|
} |
||||||
|
.box6 { |
||||||
|
padding: 20px 0; |
||||||
|
position: relative; |
||||||
|
width: 100%; |
||||||
|
height: 405px; |
||||||
|
background-color: #fff; |
||||||
|
} |
||||||
|
.share1 { |
||||||
|
overflow: hidden; |
||||||
|
position: absolute; |
||||||
|
left: 0; |
||||||
|
width: 900px; |
||||||
|
height: 370px; |
||||||
|
background-color: #fff; |
||||||
|
} |
||||||
|
.instrument { |
||||||
|
display: flex; |
||||||
|
} |
||||||
|
.instrument li { |
||||||
|
display: inline-block; |
||||||
|
margin: 23px 1px; |
||||||
|
width: 231px; |
||||||
|
height: 283px; |
||||||
|
border: 1px solid #ddd; |
||||||
|
margin-right: 20px; |
||||||
|
} |
||||||
|
.small { |
||||||
|
padding: 15px; |
||||||
|
} |
||||||
|
.small h6 { |
||||||
|
font-size: 14px; |
||||||
|
margin-bottom: 10px; |
||||||
|
} |
||||||
|
.small p { |
||||||
|
font-size: 12px; |
||||||
|
margin-bottom: 5px; |
||||||
|
color: #666666; |
||||||
|
} |
||||||
|
.share2 { |
||||||
|
position: absolute; |
||||||
|
right: 0; |
||||||
|
width: 400px; |
||||||
|
height: 370px; |
||||||
|
} |
||||||
|
.a { |
||||||
|
width: 100%; |
||||||
|
height: 65px; |
||||||
|
display: flex; |
||||||
|
justify-content: center; |
||||||
|
align-items: center; |
||||||
|
line-height: 50px; |
||||||
|
background-color: #dce4f7; |
||||||
|
margin-bottom: 10px; |
||||||
|
} |
||||||
|
.b { |
||||||
|
position: relative; |
||||||
|
width: 100%; |
||||||
|
height: 65px; |
||||||
|
} |
||||||
|
.bb1 { |
||||||
|
position: absolute; |
||||||
|
left: 0; |
||||||
|
width: 196px; |
||||||
|
height: 100%; |
||||||
|
display: flex; |
||||||
|
justify-content: center; |
||||||
|
align-items: center; |
||||||
|
background-color: #dce4f7; |
||||||
|
} |
||||||
|
.bb2 { |
||||||
|
position: absolute; |
||||||
|
right: 0; |
||||||
|
width: 196px; |
||||||
|
height: 100%; |
||||||
|
display: flex; |
||||||
|
justify-content: center; |
||||||
|
align-items: center; |
||||||
|
background-color: #dce4f7; |
||||||
|
} |
||||||
|
.c { |
||||||
|
width: 100%; |
||||||
|
height: 130px; |
||||||
|
display: flex; |
||||||
|
justify-content: center; |
||||||
|
align-items: center; |
||||||
|
line-height: 50px; |
||||||
|
background-color: #003cba; |
||||||
|
margin-top: 10px; |
||||||
|
} |
||||||
|
</style> |
||||||
|
|||||||
@ -0,0 +1,5 @@ |
|||||||
|
<template> |
||||||
|
<div>新闻</div> |
||||||
|
</template> |
||||||
|
<script setup lang="ts"></script> |
||||||
|
<style scoped lang="scss"></style> |
||||||
Loading…
Reference in new issue