xuanchen/new_dqb_new
0
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

调整样式

Browse Source
This commit is contained in:
徐永宾
2021-03-25 17:01:32 +08:00
parent 0421d943bc
commit e19ccdde87
3 changed files with 40 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -4,12 +4,17 @@ a:hover {color: #253982; text-decoration: none;}
a:link {text-decoration: none;}
ul {list-style: none; padding: 0; margin: 0;}
img {max-width: 100%;}
.ce-img {position: relative;}
.ce-img {position: relative;}
.ce-img>span {position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-repeat: no-repeat;background-position: center;background-size: cover;}
.ce-nowrap {max-width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.ce-nowrap {max-width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.ce-nowrap-multi {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2}
.tab-content>.active {display: block !important;}
/* 动画效果 */
.cartoonImg img {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.cartoonImg:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);}
/* 头部 */
.indexHead {background-color: #f0f1f5; padding: 6px 0;}
.indexHead-nav {display: flex; line-height: 32px;}
@@ -142,7 +147,7 @@ img {max-width: 100%;}
.indexScreen-tab li:nth-child(even) a span{background-color: #2389fb;width: 14px;height: 6px;}
.indexScreen-tab li>a::before,
.indexScreen-tab li>a::after {width: 0px;display: none; height: 0px;box-sizing: content-box;padding:0;position: absolute;content:'';}
.indexScreen-tab li>a::before {bottom: -16px;right:74px;border-bottom:8px solid transparent;border-top:8px solid #FFFFFF;border-left:8px solid transparent;border-right:8px solid transparent;z-index: 12;}
.indexScreen-tab li>a::before {bottom: -16px;right:74px;border-bottom:8px solid transparent;border-top:8px solid #FFFFFF;border-left:8px solid transparent;border-right:8px solid transparent;z-index: 12;}
.indexScreen li>a::after{bottom: -18px;right:73px;border-bottom:9px solid transparent;border-top:9px solid #2389fb;border-left:9px solid transparent;border-right:9px solid transparent;z-index:10}
.indexScreen-tab li>a {display: block;}
.indexScreen-tab li img {display: block; margin: 0 auto 10px;}
@@ -157,7 +162,7 @@ img {max-width: 100%;}
.indexTeam-content .tab-pane {border: #2389fb 1px solid; background-color: #fff; padding: 20px 10px; box-sizing: border-box; margin-top: 40px; position: relative;}
.indexTeam-content .tab-pane::before,
.indexTeam-content .tab-pane::after {width: 0px;display: block; height: 0px;box-sizing: content-box;padding:0;position: absolute;content:'';}
.indexTeam-content .tab-pane::before {top: -16px;border-bottom:8px solid #FFFFFF;border-top:8px solid transparent;border-left:8px solid transparent;border-right:8px solid transparent;z-index: 12;}
.indexTeam-content .tab-pane::before {top: -16px;border-bottom:8px solid #FFFFFF;border-top:8px solid transparent;border-left:8px solid transparent;border-right:8px solid transparent;z-index: 12;}
.indexTeam-content .tab-pane::after{top: -18px;border-bottom:9px solid #2389fb;border-top:9px solid transparent;border-left:9px solid transparent;border-right:9px solid transparent;z-index:10}
.indexTeam-content .tab-pane:nth-child(1)::before{left:110px;}
.indexTeam-content .tab-pane:nth-child(1)::after{left:109px;}
@@ -170,7 +175,7 @@ img {max-width: 100%;}
.indexTeam-content .tab-pane:nth-child(5)::before{left:1022px;}
.indexTeam-content .tab-pane:nth-child(5)::after{left:1021px;}
.indexTeam-ul {height: 400px; box-sizing: border-box;}
.indexTeam-ul li {width: calc(33.33% - 40px); text-align: center; float: left; margin: 0 20px;box-shadow: 0 0 20px rgba(0,0,0,.1); height: 400px;}
.indexTeam-ul li {width: calc(33.33% - 40px); text-align: center; float: left; margin: 0 20px;box-shadow: 0 0 20px rgba(0,0,0,.1); height: 400px;overflow: hidden;}
.indexTeam-img {position: relative; width: 100%; padding-top: 70%;}
.indexTeam-cont {padding: 0 40px; box-sizing: border-box; font-size: 16px; line-height: 28px;}
.indexTeam-name {font-size: 18px; font-weight: 600; margin: 20px 0;}
@@ -211,8 +216,8 @@ img {max-width: 100%;}
.footerList>li>span {margin: 0 10px;}
/*
二级页样式
/*
二级页样式
*/
/* 分院概况 */
@@ -328,13 +333,13 @@ img {max-width: 100%;}
.secondMore:hover::after {background-color: #273981;left: 0; right: 0; width: 100%;}
.studyTerrace {overflow: hidden; margin: 30px -20px;}
.studyTerrace a {display: block; width: calc(33.33% - 40px); float: left; margin: 0 20px 20px;background-color: #203175; padding: 10px 0 10px 10px; box-sizing: border-box;}
.studyTerrace-name { color: #353535;text-align: center; height: 40px; line-height: 40px; font-size: 16px; position: relative;}
.studyTerrace-name::after{ position: absolute; content: ''; right: 10px; top: 0; width: 0;height: 0;border-top: 40px solid #fff;border-right: 20px solid transparent;}
.studyTerrace a {display: block; width: calc(50% - 40px); float: left; margin: 0 20px 20px;background-color: #203175; padding: 10px 0 10px 10px; box-sizing: border-box;}
.studyTerrace-name { color: #353535;text-align: center; width: 100%; height: 60px; font-size: 16px; position: relative;}
.studyTerrace-name::after{ position: absolute; content: ''; right: 10px; top: 0; width: 0;height: 0;border-top: 60px solid #fff;border-right: 20px solid transparent;}
.studyTerrace-name::before{ position: absolute; content: ''; background-color: #fff; left: 0; top: 0; width: calc(100% - 30px); height: 100%;}
.studyTerrace-tips {position: absolute; z-index: 9;left: 0;bottom: 0;height: 100%;width: 100%; text-align: center;}
.studyTerrace-tips {position: absolute; z-index: 9;width: 90%;top: 50%;left: 48%;transform: translate(-50%, -48%);}
.studyTerrace a:hover {box-shadow: 0 0 10px rgba(0,0,0,.3);}
.studyTerrace a:hover .studyTerrace-name {font-size: 18px; color: #273981;}
.studyTerrace a:hover .studyTerrace-name {color: #273981;}
/* 人才队伍 */
.talentExpert {margin-top: 30px;}
@@ -391,4 +396,4 @@ img {max-width: 100%;}
/* 搜索页面 */
.searchCont {background-color: #fff;}
.no-searchCont {padding: 120px 0; text-align: center; font-size: 22px; color: #999;}
.no-searchCont img {width: 200px; display: block; margin: 0 auto 20px;}
.no-searchCont img {width: 200px; display: block; margin: 0 auto 20px;}

20
resources/views/category/fygk.blade.php
View File

@@ -66,17 +66,19 @@
@if (getArticlesBYCate(14,3)->isNotEmpty())
@foreach (getArticlesBYCate(14,3) as $article)
<li>
<div class="ce-img surveyLeader-img">
<span style="background-image: url({{ $article->cover_path }});"></span>
</div>
<div class="surveyLeader-cont">
<div class="surveyLeader-name">
<span>{{ $article->title }}</span>{{ $article->description }}
<a href="{{ $article->link }}">
<div class="ce-img surveyLeader-img">
<span style="background-image: url({{ $article->cover_path }});"></span>
</div>
<div class="surveyLeader-post">
{{ $article->tenure }}
<div class="surveyLeader-cont">
<div class="surveyLeader-name">
<span>{{ $article->title }}</span>{{ $article->description }}
</div>
<div class="surveyLeader-post">
{{ $article->tenure }}
</div>
</div>
</div>
</a>
</li>
@endforeach
@endif

20
resources/views/category/ldbz.blade.php
View File

@@ -40,17 +40,19 @@
@if (getArticlesBYCate(14,3)->isNotEmpty())
@foreach (getArticlesBYCate(14,3) as $article)
<li>
<div class="ce-img surveyLeader-img">
<span style="background-image: url({{ $article->cover_path }});"></span>
</div>
<div class="surveyLeader-cont">
<div class="surveyLeader-name">
<span>{{ $article->title }}</span>{{ $article->description }}
<a href="{{ $article->link }}">
<div class="ce-img surveyLeader-img">
<span style="background-image: url({{ $article->cover_path }});"></span>
</div>
<div class="surveyLeader-post">
{{ $article->tenure }}
<div class="surveyLeader-cont">
<div class="surveyLeader-name">
<span>{{ $article->title }}</span>{{ $article->description }}
</div>
<div class="surveyLeader-post">
{{ $article->tenure }}
</div>
</div>
</div>
</a>
</li>
@endforeach
@endif