parent
d9f766a5c9
commit
b0531515d9
11 changed files with 596 additions and 143 deletions
@ -1,9 +1,11 @@ |
||||
<template> |
||||
<router-view></router-view> |
||||
<router-view> |
||||
|
||||
</router-view> |
||||
</template> |
||||
|
||||
<script lang="ts" setup> |
||||
import {} from 'vue' |
||||
import { } from 'vue' |
||||
</script> |
||||
|
||||
<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> |
||||
<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> |
||||
|
||||
<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