调整央视
This commit is contained in:
@@ -58,72 +58,72 @@ input {
|
||||
}
|
||||
|
||||
/*
|
||||
侧边栏
|
||||
侧边栏
|
||||
*/
|
||||
.sidebar {
|
||||
position:fixed;
|
||||
right: 20px;
|
||||
top: 500px;
|
||||
z-index:9999;
|
||||
font-size:0;
|
||||
text-align:right;
|
||||
position:fixed;
|
||||
right: 20px;
|
||||
top: 500px;
|
||||
z-index:9999;
|
||||
font-size:0;
|
||||
text-align:right;
|
||||
}
|
||||
.sidebar .sidebar-item {
|
||||
position:relative;
|
||||
display:inline-block;
|
||||
*display:inline;
|
||||
*zoom:1;
|
||||
border-radius: 4px;
|
||||
height:50px;
|
||||
line-height:50px;
|
||||
margin-bottom: 5px;
|
||||
transition:all .5s;
|
||||
background:#004995;
|
||||
position:relative;
|
||||
display:inline-block;
|
||||
*display:inline;
|
||||
*zoom:1;
|
||||
border-radius: 4px;
|
||||
height:50px;
|
||||
line-height:50px;
|
||||
margin-bottom: 5px;
|
||||
transition:all .5s;
|
||||
background:#004995;
|
||||
}
|
||||
.sidebar .sidebar-item .sidebar-icon {
|
||||
float:left;
|
||||
width:50px;
|
||||
height:50px;
|
||||
background:no-repeat center center;
|
||||
float:left;
|
||||
width:50px;
|
||||
height:50px;
|
||||
background:no-repeat center center;
|
||||
}
|
||||
.sidebar .sidebar-item .sidebar-icon-wx {
|
||||
background-image:url(../images/sidebar_icon_wx.png) !important;
|
||||
background-image:url(../images/sidebar_icon_wx.png) !important;
|
||||
}
|
||||
.sidebar .sidebar-item .sidebar-icon-top {
|
||||
background-image:url(../images/sidebar_icon_top.png) !important;
|
||||
background-image:url(../images/sidebar_icon_top.png) !important;
|
||||
}
|
||||
.sidebar .sidebar-item:hover {
|
||||
background:#004995;
|
||||
transition:all .5s;
|
||||
padding-right:15px;
|
||||
background:#004995;
|
||||
transition:all .5s;
|
||||
padding-right:15px;
|
||||
}
|
||||
.sidebar .sidebar-item span {
|
||||
float:left;
|
||||
font-size:14px;
|
||||
color:#fff;
|
||||
display:none;
|
||||
margin-left:-5px;
|
||||
float:left;
|
||||
font-size:14px;
|
||||
color:#fff;
|
||||
display:none;
|
||||
margin-left:-5px;
|
||||
}
|
||||
.sidebar .sidebar-item:hover span {
|
||||
display:block;
|
||||
display:block;
|
||||
}
|
||||
.sidebar .sidebar-item img {
|
||||
position:absolute;
|
||||
left:0;
|
||||
top:0;
|
||||
display:none;
|
||||
transition:all .5s;
|
||||
max-width:150px;
|
||||
height:150px;
|
||||
z-index:1002;
|
||||
position:absolute;
|
||||
left:0;
|
||||
top:0;
|
||||
display:none;
|
||||
transition:all .5s;
|
||||
max-width:150px;
|
||||
height:150px;
|
||||
z-index:1002;
|
||||
}
|
||||
.sidebar .sidebar-item:hover img {
|
||||
display:block;
|
||||
left:-160px;
|
||||
transition:all .5s;
|
||||
display:block;
|
||||
left:-160px;
|
||||
transition:all .5s;
|
||||
}
|
||||
.sidebar .sidebar-item:last-child {
|
||||
background-color:#1b5191;
|
||||
background-color:#1b5191;
|
||||
}
|
||||
|
||||
/* header */
|
||||
@@ -397,7 +397,7 @@ input {
|
||||
}
|
||||
.newsLeft {
|
||||
width: 420px;
|
||||
height: 280px;
|
||||
height: 294px;
|
||||
position: relative;
|
||||
}
|
||||
.newsRight {
|
||||
@@ -526,6 +526,7 @@ input {
|
||||
padding-left: 20px;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
display: block;
|
||||
}
|
||||
.media-name::after {
|
||||
position: absolute;
|
||||
@@ -548,12 +549,14 @@ input {
|
||||
.media-button-next {
|
||||
background-image: url(../images/mediaArrow_next.png);
|
||||
right : 0;
|
||||
z-index: 10000;
|
||||
top: 36%;
|
||||
}
|
||||
.media-button-prev {
|
||||
background-image: url(../images/mediaArrow_prev.png);
|
||||
left : 0;
|
||||
top: 36%;
|
||||
z-index: 10000;
|
||||
}
|
||||
.media-button-next.swiper-button-disabled, .media-button-prev.swiper-button-disabled {
|
||||
opacity: .8;
|
||||
@@ -757,6 +760,7 @@ input {
|
||||
.TabCont {
|
||||
padding: 10px;
|
||||
box-sizing: border-box;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.TabCont-top {
|
||||
padding: 5px 0 25px;
|
||||
@@ -1326,13 +1330,13 @@ input {
|
||||
float: left;
|
||||
}
|
||||
.platformCont {
|
||||
margin: 0 10px 20px;
|
||||
margin: 0 10px 10px;
|
||||
background-color: #f5f8fc;
|
||||
border: 1px solid #bacef6;
|
||||
}
|
||||
.platformCont-text {
|
||||
display: flex;
|
||||
padding: 25px 10px 25px 20px;
|
||||
padding: 30px 10px 30px 20px;
|
||||
box-sizing: border-box;
|
||||
background-position: center right;
|
||||
background-size: 60px 80%;
|
||||
@@ -1471,6 +1475,29 @@ input {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/* 创新平台最新-修改 */
|
||||
.innovateList {
|
||||
padding: 0 10px;
|
||||
}
|
||||
.innovateList li {
|
||||
height: 52px;
|
||||
line-height: 52px;
|
||||
box-sizing: border-box;
|
||||
margin-bottom: 10px;
|
||||
padding: 0 20px;
|
||||
background: url(../images/idx_zwgk_icon.png) no-repeat 96% center;
|
||||
background-color: #edf3fd;
|
||||
}
|
||||
.innovateList li>a {
|
||||
display: flex;
|
||||
font-size: 18px;
|
||||
}
|
||||
.innovateList-img {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
margin: 15px 12px 0 0;
|
||||
}
|
||||
|
||||
/* 科研成果 */
|
||||
.gainList-img {
|
||||
position: relative;
|
||||
|
||||
BIN
public/assets/index/images/idx_zwgk_icon.png
Normal file
BIN
public/assets/index/images/idx_zwgk_icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
public/assets/index/images/indexTab.ico
Normal file
BIN
public/assets/index/images/indexTab.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.4 KiB |
@@ -12,31 +12,29 @@
|
||||
当前位置： 首页 > {{ $category->title }}
|
||||
</div>
|
||||
|
||||
<!-- 三个研究中心 -->
|
||||
<div class="platform platformBorder">
|
||||
<div class="trendsTitle platformTitle">
|
||||
<img src="{{ asset('assets/index/images/platformImg_01.png') }}">{{ $yjCate->title }}
|
||||
</div>
|
||||
@if ($yjArticles->isNotEmpty())
|
||||
<ul class="insideList">
|
||||
@foreach ($yjArticles as $relation)
|
||||
<li>
|
||||
<a href="{{ $relation->link }}">
|
||||
<img class="insideList-img" src="{{ $relation->cover_url }}" alt="">
|
||||
<div class="insideList-name">{{ $relation->title }}</div>
|
||||
</a>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<!-- 重点实验室 + 创新平台-->
|
||||
<!-- 重点实验室 + 三个研究中心-->
|
||||
<div class="platform">
|
||||
<div class="trendsModular">
|
||||
<div class="trendsLabel platformBorder">
|
||||
<div class="trendsTitle platformTitle">
|
||||
<img src="{{ asset('assets/index/images/platformImg_02.png') }}">{{ $zdCate->title }}
|
||||
<img src="{{ asset('assets/index/images/platformImg_02.png') }}">{{ $yjCate->title }}
|
||||
</div>
|
||||
@if ($yjArticles->isNotEmpty())
|
||||
<ul class="innovateList">
|
||||
@foreach ($yjArticles as $relation)
|
||||
<li>
|
||||
<a href="{{ $relation->link }}">
|
||||
<img class="innovateList-img" src="{{ $relation->label_url }}" alt="">
|
||||
<div class="innovateList-name">{{ $relation->title }}</div>
|
||||
</a>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
@endif
|
||||
</div>
|
||||
<div class="trendsLabel platformBorder">
|
||||
<div class="trendsTitle platformTitle">
|
||||
<img src="{{ asset('assets/index/images/platformImg_03.png') }}">{{ $zdCate->title }}
|
||||
</div>
|
||||
<div class="platformCont">
|
||||
<div class="platformCont-text"
|
||||
@@ -55,6 +53,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- 领军人才梯队 -->
|
||||
<div class="platform platformBorder">
|
||||
<div class="trendsTitle platformTitle">
|
||||
|
||||
@@ -105,14 +105,12 @@
|
||||
@if($mtbdArticles->isNotEmpty())
|
||||
@foreach($mtbdArticles as $article)
|
||||
<div class="swiper-slide">
|
||||
<a href="{{ $article->link }}">
|
||||
<div class="ce-img media-img">
|
||||
<span style="background-image: url({{ $article->cover_url }});"></span>
|
||||
</div>
|
||||
<div class="nowrap media-name">
|
||||
<div class="nowrap">{{ $article->title }}</div>
|
||||
<span>{{ $article->created_at->format('m-d')}}</span>
|
||||
</div>
|
||||
<div class="ce-img media-img">
|
||||
<span style="background-image: url({{ $article->cover_url }});"></span>
|
||||
</div>
|
||||
<a href="{{ $article->link }}" class="nowrap media-name">
|
||||
<div class="nowrap">{{ $article->title }}</div>
|
||||
<span>{{ $article->created_at->format('m-d')}}</span>
|
||||
</a>
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
Reference in New Issue
Block a user