阶段更新

This commit is contained in:
2022-06-30 10:34:16 +08:00
parent 619e493b0e
commit 2ef7d3786d
8 changed files with 111 additions and 71 deletions

View File

@@ -35,62 +35,38 @@
<!-- 活动新闻列表 -->
<div class="scientific">
<div class="learnNews">
<div class="learnNews-left" style="background-image: url(./images/learnNews_back.png);">
<div class="learnNews-left-name">活动新闻列表</div>
<div class="learnNews-left-text">Event news</div>
<a href="列表页-有图.html" class="learnNews-left-btn">
<div class="learnNews-left"
style="background-image: url({{ asset('assets/index/images/learnNews_back.png') }});">
<div class="learnNews-left-name">{{ $xhdtCate->title }}</div>
<div class="learnNews-left-text">{{ $xhdtCate->description }}</div>
<a href="{{ $xhdtCate->link }}" class="learnNews-left-btn">
<span>+</span>
<div class="learnNews-left-more">查看更多 &gt;&gt;</div>
</a>
</div>
<div class="learnNews-right">
<ul class="learnList">
<li>
<a href="详情页.html">
<div class="ce-img learnList-img">
<span style="background-image: url(./temporary/img1.png);"></span>
</div>
<div class="learnList-cont">
<div class="nowrap learnList-name">一种硫掺杂催化油浆基多孔碳材料及其制备方法</div>
<div class="learnList-time">发布时间2021-10-28</div>
<div class="ellipsis learnList-text">
一种硫掺杂催化油浆基多孔碳材料及其制备方法,它属于催化裂化油浆综合利用及功能型碳材料领域。本发明要解决的技术问题为当前存在的催化油浆深加工利用问题。
</div>
<div class="learnList-more">了解详情 &gt;</div>
</div>
</a>
</li>
<li>
<a href="详情页.html">
<div class="ce-img learnList-img">
<span style="background-image: url(./temporary/img4.png);"></span>
</div>
<div class="learnList-cont">
<div class="nowrap learnList-name">一种硫掺杂催化油浆基多孔碳材料及其制备方法</div>
<div class="learnList-time">发布时间2021-10-28</div>
<div class="ellipsis learnList-text">
一种硫掺杂催化油浆基多孔碳材料及其制备方法,它属于催化裂化油浆综合利用及功能型碳材料领域。本发明要解决的技术问题为当前存在的催化油浆深加工利用问题。
</div>
<div class="learnList-more">了解详情 &gt;</div>
</div>
</a>
</li>
<li>
<a href="详情页.html">
<div class="ce-img learnList-img">
<span style="background-image: url(./temporary/img3.png);"></span>
</div>
<div class="learnList-cont">
<div class="nowrap learnList-name">一种硫掺杂催化油浆基多孔碳材料及其制备方法</div>
<div class="learnList-time">发布时间2021-10-28</div>
<div class="ellipsis learnList-text">
一种硫掺杂催化油浆基多孔碳材料及其制备方法,它属于催化裂化油浆综合利用及功能型碳材料领域。本发明要解决的技术问题为当前存在的催化油浆深加工利用问题。
</div>
<div class="learnList-more">了解详情 &gt;</div>
</div>
</a>
</li>
</ul>
@if ($xhdtArticles->isNotEmpty())
<ul class="learnList">
@foreach ($xhdtArticles as $relation)
<li>
<a href="{{ $relation->link }}">
<div class="ce-img learnList-img">
<span style="background-image: url({{ $relation->cover_url }});"></span>
</div>
<div class="learnList-cont">
<div class="nowrap learnList-name">{{ $relation->title }}</div>
<div class="learnList-time">
发布时间:{{ $relation->created_at->format('Y-m-d') }}</div>
<div class="ellipsis learnList-text">
{{ $relation->description }}
</div>
<div class="learnList-more">了解详情 &gt;</div>
</div>
</a>
</li>
@endforeach
</ul>
@endif
</div>
</div>
</div>