调整页面

This commit is contained in:
2021-06-04 17:04:42 +08:00
parent ada880abbb
commit b16120fa5d
4 changed files with 24 additions and 15 deletions

View File

@@ -277,7 +277,7 @@ img {max-width: 100%;}
.surveyBrief-text {margin: 20px 0; line-height: 26px; text-indent: 2em;} .surveyBrief-text {margin: 20px 0; line-height: 26px; text-indent: 2em;}
.surveyLeader {overflow: hidden; margin: 30px -30px;} .surveyLeader {overflow: hidden; margin: 30px -30px;}
.surveyLeader li {float: left; margin: 0 30px; width: calc(33.33% - 60px); margin-bottom: 20px;} .surveyLeader li {float: left; margin: 0 30px; width: calc(33.33% - 60px);}
.surveyLeader li>a {display: block;} .surveyLeader li>a {display: block;}
.surveyLeader-img {position: relative; width: 200px; height: 240px;} .surveyLeader-img {position: relative; width: 200px; height: 240px;}
.surveyLeader-img::after {position: absolute; content: ''; right: -25px; top: 20%; background-color: #d5ab63; width: 25px; height: 80%; z-index: 0;} .surveyLeader-img::after {position: absolute; content: ''; right: -25px; top: 20%; background-color: #d5ab63; width: 25px; height: 80%; z-index: 0;}
@@ -286,13 +286,15 @@ img {max-width: 100%;}
.surveyLeader-name span {font-size: 20px; padding-right: 20px; color: #000;} .surveyLeader-name span {font-size: 20px; padding-right: 20px; color: #000;}
.surveyLeader-post {color: #afafaf; position: relative; padding-top: 10px;} .surveyLeader-post {color: #afafaf; position: relative; padding-top: 10px;}
.surveyLeader-post::after {position: absolute; content: ''; left: 0; top: 0; background-color: #e8e8e8; width: 80px; height: 1px;} .surveyLeader-post::after {position: absolute; content: ''; left: 0; top: 0; background-color: #e8e8e8; width: 80px; height: 1px;}
.surveyLeader-span span {display: block; line-height: 26px; color: #afafaf;}
.organCont {margin-top: 30px;} .organCont {margin-top: 30px;}
.organLabel {background-color: #f7f7f7; height: 100px; margin-top: 20px; position: relative;} .organLabel {background-color: #fff; height: 80px; margin-top: 20px; position: relative;}
.organLabel-name {background:url(../images/organLabel_back.png) no-repeat;background-size: 100% 100%; color: #fff; text-align: center; font-size: 22px; width: 160px; height: 80px; line-height: 80px; position: relative;} /*.organLabel-name {background:url(../images/organLabel_back.png) no-repeat;background-size: 100% 100%; color: #fff; text-align: center; font-size: 22px; width: 160px; height: 80px; line-height: 80px; position: relative;}*/
.organLabel-name::after {width: 0;height: 0;border: 8px solid transparent;border-left-color: #073196;right: -16px;bottom: 30px; position: absolute; content: '';} /*.organLabel-name::after {width: 0;height: 0;border: 8px solid transparent;border-left-color: #073196;right: -16px;bottom: 30px; position: absolute; content: '';}*/
.organLabel-list {display: flex; position: absolute; left: 0; top: 0; line-height: 80px; width: 100%; padding-left: 160px; padding-right: 20px;} .organLabel-list {display: flex; position: absolute; left: 0; top: 0; line-height: 80px; padding: 0 -10px; width: 100%; box-sizing: border-box;}
.organLabel-list li {margin-left: 30px;} .organLabel-list li {margin: 0 5px;text-align: center; background:url(../images/organLabel_back.png) no-repeat;background-size: 100% 100%;width: calc(25% - 10px); height: 80px; line-height: 80px;}
.organLabel-list li a {color: #fff;}
/* 新闻动态 */ /* 新闻动态 */
.newBranch {margin: 30px 0;} .newBranch {margin: 30px 0;}

View File

@@ -66,7 +66,7 @@
@if (getArticlesBYCate(14,3)->isNotEmpty()) @if (getArticlesBYCate(14,3)->isNotEmpty())
@foreach (getArticlesBYCate(14,3) as $article) @foreach (getArticlesBYCate(14,3) as $article)
<li> <li>
<a href="{{ $article->link }}"> <!-- <a href="{{ $article->link }}"> -->
<div class="ce-img surveyLeader-img"> <div class="ce-img surveyLeader-img">
<span style="background-image: url({{ $article->cover_path }});"></span> <span style="background-image: url({{ $article->cover_path }});"></span>
</div> </div>
@@ -77,8 +77,12 @@
<div class="surveyLeader-post"> <div class="surveyLeader-post">
{{ $article->tenure }} {{ $article->tenure }}
</div> </div>
<div class="surveyLeader-span">
<span>职务:党委书记/院长</span>
<span>职称:研究员级高级工程师</span>
</div>
</div> </div>
</a> <!-- </a> -->
</li> </li>
@endforeach @endforeach
@endif @endif
@@ -91,19 +95,18 @@
<div class="secondTop-name"> <div class="secondTop-name">
<img src="/assets/index/images/surveyIcon_02.png"/> <img src="/assets/index/images/surveyIcon_02.png"/>
{{ getOneCategory(13,'title') }} {{ getOneCategory(13,'title') }}
</div> </div>
<a href="{{ getOneCategory(13,'link') }}" class="secondTop-more"> <!-- <a href="{{ getOneCategory(13,'link') }}" class="secondTop-more">
查看更多&gt;&gt; 查看更多&gt;&gt;
</a> </a> -->
</div> </div>
<div class="organCont"> <div class="organCont">
@if (getCateChild(13)->isNotEmpty()) @if (getCateChild(13)->isNotEmpty())
@foreach (getCateChild(13) as $cate) @foreach (getCateChild(13) as $cate)
<div class="organLabel"> <div class="organLabel">
<div class="organLabel-name"> <!-- <div class="organLabel-name">
{{ $cate->title }} {{ $cate->title }}
</div> </div> -->
<ul class="organLabel-list"> <ul class="organLabel-list">
@if($cate->childrens) @if($cate->childrens)
@foreach ($cate->childrens as $child) @foreach ($cate->childrens as $child)

View File

@@ -51,6 +51,10 @@
<div class="surveyLeader-post"> <div class="surveyLeader-post">
{{ $article->tenure }} {{ $article->tenure }}
</div> </div>
<div class="surveyLeader-span">
<span>职务:党委书记/院长</span>
<span>职称:研究员级高级工程师</span>
</div>
</div> </div>
</a> </a>
</li> </li>

View File

@@ -41,9 +41,9 @@
@if (getCateChild(13)->isNotEmpty()) @if (getCateChild(13)->isNotEmpty())
@foreach (getCateChild(13) as $cate) @foreach (getCateChild(13) as $cate)
<div class="organLabel"> <div class="organLabel">
<div class="organLabel-name"> <!-- <div class="organLabel-name">
{{ $cate->title }} {{ $cate->title }}
</div> </div> -->
<ul class="organLabel-list"> <ul class="organLabel-list">
@if($cate->childrens) @if($cate->childrens)
@foreach ($cate->childrens as $child) @foreach ($cate->childrens as $child)