调整列表

This commit is contained in:
2021-10-12 11:41:05 +08:00
parent 30a10a1b3b
commit b8de0788f1
5 changed files with 255 additions and 312 deletions

View File

@@ -237,19 +237,6 @@
});
$(document).ready(function () {
$('.Rightfixed-img-code').hover(
function () {
$('.Rightfixed-pop').css("display", "block");
$('.Rightfixed-img').css("width", "300px");
},
function () {
$('.Rightfixed-pop').css("display", "none");
$('.Rightfixed-img').css("width", "48px");
}
);
});
// 图片放大
jQuery(document).ready(function ($) {
$.LightBox({speed: 500})

View File

@@ -64,131 +64,78 @@
<div class="srBuild-cont">
<div id="myTabContent" class="tab-content srBuildContent">
<!-- 第一页列表 1~5 -->
<div role="tabpanel" class="tab-pane fade active in" id="srBuildTab01">
<div class="row">
<!-- 循环1~5列表中的第1个 -->
@if (getArticlesBYCate(18,10)->isNotEmpty())
@foreach (getArticlesBYCate(18,10) as $info)
@foreach (getArticlesBYCate(18,10)->chunk(5) as $articles)
<div role="tabpanel"
class="tab-pane fade in @if($loop->iteration==1) active @endif"
id="srBuildTab0{{ $loop->iteration }}">
<div class="row">
@foreach($articles as $article)
@if($loop->iteration==1)
<div class="col-md-4 col-xs-12 srBuildFrist-padding">
<div class="ce-img srBuildFrist-back"
style="background-image: url({{ $info->cover_url }});">
style="background-image: url({{ $article->cover_url }});">
<div class="srBuildFrist-cont"
data-href="{{ $info->link }}">
data-href="{{ $article->link }}">
<img class="srBuildFrist-logo"
src="/assets/index/images/srIcon/srBuildLogo.png"/>
<div class="ce-nowrap srBuildFrist-name">
{{ $info->title }}
{{ $article->title }}
</div>
<div class="ce-nowrap-multi srBuildFrist-text">
{{ $info->description }}
{{ $article->description }}
</div>
</div>
</div>
</div>
@endif
@endforeach
@endif
<!-- 循环1~5列表中的第2~5 -->
@if($loop->iteration==2)
<div class="col-md-8 col-xs-12">
<div class="row">
@if (getArticlesBYCate(18,10)->isNotEmpty())
@foreach (getArticlesBYCate(18,10) as $info)
@if($loop->iteration>1 && $loop->iteration<6)
@endif
@if($loop->iteration>1)
<div class="col-md-6 col-xs-12 srBuildFrist-padding">
<div class="ce-img srBuildOther-back"
style="background-image: url({{ $info->cover_url }});">
style="background-image: url({{ $article->cover_url }});">
<img class="srBuildOther-logo"
src="/assets/index/images/srIcon/srBuildLogo.png"/>
<div class="srBuildOther-cont"
data-href="{{ $info->link }}">
data-href="{{ $article->link }}">
<div class="ce-nowrap srBuildOther-name">
{{ $info->title }}
{{ $article->title }}
</div>
<div class="ce-nowrap-multi srBuildOther-text">
{{ $info->description }}
{{ $article->description }}
</div>
</div>
</div>
</div>
@endif
@endforeach
@endif
</div>
</div>
</div>
</div>
<!-- 第二页列表 6~10 -->
<div role="tabpanel" class="tab-pane fade" id="srBuildTab02">
<div class="row">
<!-- 循环6~10列表中的第1个 -->
@if (getArticlesBYCate(18,10)->isNotEmpty())
@foreach (getArticlesBYCate(18,0) as $info)
@if($loop->iteration==6)
<div class="col-md-4 col-xs-12 srBuildFrist-padding">
<div class="ce-img srBuildFrist-back"
style="background-image: url({{ $info->cover_url }});">
<div class="srBuildFrist-cont"
data-href="{{ $info->link }}">
<img class="srBuildFrist-logo"
src="/assets/index/images/srIcon/srBuildLogo.png"/>
<div class="ce-nowrap srBuildFrist-name">
{{ $info->title }}
</div>
<div class="ce-nowrap-multi srBuildFrist-text">
{{ $info->description }}
</div>
</div>
</div>
</div>
@endif
@endforeach
@endif
<!-- 循环6~10列表中的第7~10 -->
<div class="col-md-8 col-xs-12">
<div class="row">
@if (getArticlesBYCate(18,10)->isNotEmpty())
@foreach (getArticlesBYCate(18,10) as $info)
@if($loop->iteration>6 && $loop->iteration<=10)
<div class="col-md-6 col-xs-12 srBuildFrist-padding">
<div class="ce-img srBuildOther-back"
style="background-image: url({{ $info->cover_url }});">
<img class="srBuildOther-logo"
src="/assets/index/images/srIcon/srBuildLogo.png"/>
<div class="srBuildOther-cont"
data-href="{{ $info->link }}">
<div class="ce-nowrap srBuildOther-name">
{{ $info->title }}
</div>
<div class="ce-nowrap-multi srBuildOther-text">
{{ $info->description }}
</div>
</div>
@if($loop->last)
</div>
</div>
@endif
@endforeach
</div>
</div>
@endforeach
@endif
</div>
</div>
</div>
</div>
</div>
<!-- 切换按钮 -->
<div class="srBuildTab">
<ul id="myTabs" class="srBuildTab-ul" role="tablist">
<li role="presentation" class="active">
<a href="#srBuildTab01" id="srBuildTab-01" role="tab" data-toggle="tab">
<a href="#srBuildTab01" id="srBuildTab-01" role="tab"
data-toggle="tab">
<img src="/assets/index/images/srIcon/srBuildRow-left.png"/>
</a>
</li>
<li role="presentation" class="">
<a href="#srBuildTab02" id="srBuildTab-02" role="tab" data-toggle="tab">
<a href="#srBuildTab02" id="srBuildTab-02" role="tab"
data-toggle="tab">
<img src="/assets/index/images/srIcon/srBuildRow-right.png"/>
</a>
</li>
@@ -196,6 +143,7 @@
</div>
</div>
</div>
</div>
<!-- end 特色品牌建设 -->
<!-- start 科研成果 -->

View File

@@ -401,17 +401,6 @@
@push('script')
<script type="text/javascript">
$(document).ready(function () {
$('.Rightfixed-img-code').hover(
function () {
$('.Rightfixed-pop').css("display", "block");
$('.Rightfixed-img').css("width", "300px");
},
function () {
$('.Rightfixed-pop').css("display", "none");
$('.Rightfixed-img').css("width", "48px");
}
);
$('.new_list').click(function () {
var link = $(this).data('link');

View File

@@ -40,9 +40,9 @@
</ul>
</div>
</div>
<div class="ewm">
<script type="text/javascript">document.write(unescape("%3Cspan id='_ideConac' %3E%3C/span%3E%3Cscript src='https://dcs.conac.cn/js/10/000/0000/40685465/CA100000000406854650003.js' type='text/javascript'%3E%3C/script%3E"));</script>
</div>
{{-- <div class="ewm">--}}
{{-- <script type="text/javascript">document.write(unescape("%3Cspan id='_ideConac' %3E%3C/span%3E%3Cscript src='https://dcs.conac.cn/js/10/000/0000/40685465/CA100000000406854650003.js' type='text/javascript'%3E%3C/script%3E"));</script>--}}
{{-- </div>--}}
<div class="clearfix"></div>
</div>
<div class="FooterBottom">
@@ -53,3 +53,21 @@
</div>
</div>
</footer>
@push('script')
<script type="text/javascript">
$(document).ready(function () {
$('.Rightfixed-img-code').hover(
function () {
$('.Rightfixed-pop').css("display", "block");
$('.Rightfixed-img').css("width", "300px");
},
function () {
$('.Rightfixed-pop').css("display", "none");
$('.Rightfixed-img').css("width", "48px");
}
);
});
</script>
@endpush

View File

@@ -69,3 +69,4 @@
</div>
</div>
</div>