xuanchen/new_nyfh
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

调整央视

Browse Source
This commit is contained in:
徐永宾
2022-06-30 10:39:03 +08:00
parent 2ef7d3786d
commit 37a067ad82
5 changed files with 100 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

121
public/assets/index/css/style.css
View File

@@ -58,72 +58,72 @@ input {
} }
/* /*
侧边栏 侧边栏
*/ */
.sidebar { .sidebar {
position:fixed; position:fixed;
right: 20px; right: 20px;
top: 500px; top: 500px;
z-index:9999; z-index:9999;
font-size:0; font-size:0;
text-align:right; text-align:right;
} }
.sidebar .sidebar-item { .sidebar .sidebar-item {
position:relative; position:relative;
display:inline-block; display:inline-block;
*display:inline; *display:inline;
*zoom:1; *zoom:1;
border-radius: 4px; border-radius: 4px;
height:50px; height:50px;
line-height:50px; line-height:50px;
margin-bottom: 5px; margin-bottom: 5px;
transition:all .5s; transition:all .5s;
background:#004995; background:#004995;
} }
.sidebar .sidebar-item .sidebar-icon { .sidebar .sidebar-item .sidebar-icon {
float:left; float:left;
width:50px; width:50px;
height:50px; height:50px;
background:no-repeat center center; background:no-repeat center center;
} }
.sidebar .sidebar-item .sidebar-icon-wx { .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 { .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 { .sidebar .sidebar-item:hover {
background:#004995; background:#004995;
transition:all .5s; transition:all .5s;
padding-right:15px; padding-right:15px;
} }
.sidebar .sidebar-item span { .sidebar .sidebar-item span {
float:left; float:left;
font-size:14px; font-size:14px;
color:#fff; color:#fff;
display:none; display:none;
margin-left:-5px; margin-left:-5px;
} }
.sidebar .sidebar-item:hover span { .sidebar .sidebar-item:hover span {
display:block; display:block;
} }
.sidebar .sidebar-item img { .sidebar .sidebar-item img {
position:absolute; position:absolute;
left:0; left:0;
top:0; top:0;
display:none; display:none;
transition:all .5s; transition:all .5s;
max-width:150px; max-width:150px;
height:150px; height:150px;
z-index:1002; z-index:1002;
} }
.sidebar .sidebar-item:hover img { .sidebar .sidebar-item:hover img {
display:block; display:block;
left:-160px; left:-160px;
transition:all .5s; transition:all .5s;
} }
.sidebar .sidebar-item:last-child { .sidebar .sidebar-item:last-child {
background-color:#1b5191; background-color:#1b5191;
} }
/* header */ /* header */
@@ -397,7 +397,7 @@ input {
} }
.newsLeft { .newsLeft {
width: 420px; width: 420px;
height: 280px; height: 294px;
position: relative; position: relative;
} }
.newsRight { .newsRight {
@@ -526,6 +526,7 @@ input {
padding-left: 20px; padding-left: 20px;
position: relative; position: relative;
box-sizing: border-box; box-sizing: border-box;
display: block;
} }
.media-name::after { .media-name::after {
position: absolute; position: absolute;
@@ -548,12 +549,14 @@ input {
.media-button-next { .media-button-next {
background-image: url(../images/mediaArrow_next.png); background-image: url(../images/mediaArrow_next.png);
right : 0; right : 0;
z-index: 10000;
top: 36%; top: 36%;
} }
.media-button-prev { .media-button-prev {
background-image: url(../images/mediaArrow_prev.png); background-image: url(../images/mediaArrow_prev.png);
left : 0; left : 0;
top: 36%; top: 36%;
z-index: 10000;
} }
.media-button-next.swiper-button-disabled, .media-button-prev.swiper-button-disabled { .media-button-next.swiper-button-disabled, .media-button-prev.swiper-button-disabled {
opacity: .8; opacity: .8;
@@ -757,6 +760,7 @@ input {
.TabCont { .TabCont {
padding: 10px; padding: 10px;
box-sizing: border-box; box-sizing: border-box;
margin-bottom: 20px;
} }
.TabCont-top { .TabCont-top {
padding: 5px 0 25px; padding: 5px 0 25px;
@@ -1326,13 +1330,13 @@ input {
float: left; float: left;
} }
.platformCont { .platformCont {
margin: 0 10px 20px; margin: 0 10px 10px;
background-color: #f5f8fc; background-color: #f5f8fc;
border: 1px solid #bacef6; border: 1px solid #bacef6;
} }
.platformCont-text { .platformCont-text {
display: flex; display: flex;
padding: 25px 10px 25px 20px; padding: 30px 10px 30px 20px;
box-sizing: border-box; box-sizing: border-box;
background-position: center right; background-position: center right;
background-size: 60px 80%; background-size: 60px 80%;
@@ -1471,6 +1475,29 @@ input {
float: right; 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 { .gainList-img {
position: relative; position: relative;

BIN
public/assets/index/images/idx_zwgk_icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
public/assets/index/images/indexTab.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.4 KiB

41
resources/views/category/cxpt.blade.php
View File

@@ -12,31 +12,29 @@
当前位置： 首页 > {{ $category->title }} 当前位置： 首页 > {{ $category->title }}
</div> </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="platform">
<div class="trendsModular"> <div class="trendsModular">
<div class="trendsLabel platformBorder"> <div class="trendsLabel platformBorder">
<div class="trendsTitle platformTitle"> <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>
<div class="platformCont"> <div class="platformCont">
<div class="platformCont-text" <div class="platformCont-text"
@@ -55,6 +53,7 @@
</div> </div>
</div> </div>
<!-- 领军人才梯队 --> <!-- 领军人才梯队 -->
<div class="platform platformBorder"> <div class="platform platformBorder">
<div class="trendsTitle platformTitle"> <div class="trendsTitle platformTitle">

14
resources/views/index/index.blade.php
View File

@@ -105,14 +105,12 @@
@if($mtbdArticles->isNotEmpty()) @if($mtbdArticles->isNotEmpty())
@foreach($mtbdArticles as $article) @foreach($mtbdArticles as $article)
<div class="swiper-slide"> <div class="swiper-slide">
<a href="{{ $article->link }}"> <div class="ce-img media-img">
<div class="ce-img media-img"> <span style="background-image: url({{ $article->cover_url }});"></span>
<span style="background-image: url({{ $article->cover_url }});"></span> </div>
</div> <a href="{{ $article->link }}" class="nowrap media-name">
<div class="nowrap media-name"> <div class="nowrap">{{ $article->title }}</div>
<div class="nowrap">{{ $article->title }}</div> <span>{{ $article->created_at->format('m-d')}}</span>
<span>{{ $article->created_at->format('m-d')}}</span>
</div>
</a> </a>
</div> </div>
@endforeach @endforeach