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

备份文件

Browse Source
This commit is contained in:
徐永宾
2023-03-06 08:33:41 +08:00
parent 7537a394b8
commit b035610c63
3 changed files with 276 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -2665,9 +2665,10 @@ input {
/* 漂浮窗 */
.showy {
position: relative;
width:200px;
width: 200px;
z-index: 9999;
}
.bay-close {
position: absolute;
top: 0;
@@ -2676,25 +2677,29 @@ input {
width: 100%;
z-index: 100;
}
.bay-img {
position: absolute;
top: 20px;
right: 0;
width:200px;
width: 200px;
}
.mb{
.mb {
display: none;
}
/*手机版*/
@media (max-width: 768px) {
.mb{
.mb {
display: block;
}
.pc{
.pc {
display: none;
}
.sidebar {
display: none;
}
@@ -2714,27 +2719,33 @@ input {
.logo>img {
width: 100%;
}
.mbNav{
.mbNav {
display: flex;
margin-top: 10px;
align-items: center;
}
.nav-list {
flex-direction: column;
width: 100%;
height: 100%;
}
.nav-list li{
.nav-list li {
width: 100%;
padding: 10px 0;
}
.nav-list li:hover{
.nav-list li:hover {
background: #507ac3;
}
.nav-list li::after{
.nav-list li::after {
display: none;
}
.mb_nav{
.mb_nav {
position: absolute;
z-index: 999;
width: 100%;
@@ -2743,59 +2754,73 @@ input {
top: 97%;
display: none;
}
.mbLogo-nav{
.mbLogo-nav {
width: 3.5rem;
height: 3.5rem;
background: #507ac3;
border-radius: 5px;
margin-left: 10px;
}
.search {
width: 100%;
margin-top: 0;
position: relative;
}
.search button{
.search button {
position: absolute;
right: 1rem;
}
/* 公告 */
.notice{
padding:0px 20px ;
.notice {
padding: 0px 20px;
}
.notice>.container>.col-md-12{
.notice>.container>.col-md-12 {
padding: 0px;
}
.notice-name{
.notice-name {
font-size: 20px;
}
.notice-text{
.notice-text {
font-size: 15px;
}
.notice-title{
.notice-title {
position: static;
width: 100%;
height: 100%;
text-align: center;
}
.noticeRight{
.noticeRight {
width: 100px;
}
.noticeLeft{
.noticeLeft {
padding-right: 20px;
}
.notice-container{
.notice-container {
display: block;
padding-bottom: 10px;
}
.notice-cont{
.notice-cont {
padding-left: 0px;
align-items: center;
margin: 10px 0;
}
.notice-date>span{
.notice-date>span {
font-size: 25px;
}
.banner {
position: relative;
height: 80px;
@@ -2806,45 +2831,63 @@ input {
.ce-img>span {
background-size: 100%;
}
/* 二级导航 */
.second{
.second {
margin: 10px 0;
}
.mbSecond{
.mbSecond {
display: flex;
flex-direction: column;
}
.leftNav-title{
.leftNav-title {
line-height: 56px;
font-size: 20px;
}
.leftNav-list li{
.leftNav-list li {
line-height: 40px;
font-size:15px;
font-size: 15px;
padding: 0 12px 0 35px;
}
.secondLeft{
.secondLeft {
display: flex;
width: 100%;
width: calc(100% - 10px);
justify-content: center;
}
.leftBanner{
.leftBanner {
margin-top: 0px;
}
.leftNav-list li::after {
left: 14%;
top: 32%;
}
.leftBanner img{
.leftBanner img {
width: 105%;
}
.secondRight {
width: calc(100% - 20px);
width: calc(100% - 30px);
margin: 15px;
}
.studyList li{
.leftNav-list li>a {
width: 80px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.studyList li {
margin-bottom: 10px;
}
/* 新闻动态 */
.news {
position: relative;
@@ -2871,12 +2914,65 @@ input {
margin-left: 0px;
}
.noticeList li:last-child {
margin-bottom: 10px;
}
.trendsTitle {
white-space: nowrap;
overflow: hidden;
}
.trendsTitle-more {
font-size: 15px;
position: static;
background-color: #f3f3f3;
text-align: center;
font-weight: normal;
padding: 20px 0;
color: #a0a0a0;
margin-bottom: 30px;
}
.pressList-cont,
.GraphList-cont {
padding-left: 55%;
}
.pressList-more{
padding: 0 15px;
}
.pressList-img,
.GraphList-img {
width: 50%;
}
.GraphList-time>span {
margin-right: 2%;
padding-right: 2%;
}
.GraphList-time {
flex-direction: column;
}
.GraphList-text {
margin: 20px 0;
}
.specialList li{
width: 100%;
}
/* 首页党政建设 */
.modular-list {
display: flex;
flex-direction: column;
}
.GraphList-more img {
padding-left: 0;
}
.modularLeft,
.modularRight {
width: 100%;
@@ -2888,88 +2984,209 @@ input {
margin: 0;
margin-top: 15px;
}
.TabCont-top-img {
position: relative;
width: 100%;
height: 180px;
}
.TabCont-top-tips {
background-color:rgba(0, 0, 0, .5);
background-color: rgba(0, 0, 0, .5);
width: 100%;
top: 37%;
padding: 0;
}
.TabCont-top-title {
font-size: 22px;
color: #507ac3;
margin: 10px 0;
}
.indexTab-ul li span {
padding: 30px 0px 10px;
display: block;
font-size: 16px;
}
.indexTab-ul li span::after {
left: 30%;
top: 10%;
width: 30px;
height: 30px;
}
/* 组织机构 */
.organBrief-img {
width: 100%;
padding-top: 100%;
}
.organ-button-next, .organ-button-prev {
.organ-button-next,
.organ-button-prev {
top: 70%;
}
.mbOrganBrief-text{
.mbOrganBrief-text {
height: 235px;
overflow: hidden;
margin: 10px;
}
.organBrief-text{
.organBrief-text {
padding: 5px;
height: 310px;
}
.organBrief-more>a>img{
.organBrief-more>a>img {
padding-left: 0px;
}
.organBrief-more {
margin-top: 10px;
white-space: nowrap;
text-align: center;
}
.organBrief-cont {
height: 310px;
margin-bottom: 0px;
}
.leaderList-name {
font-size: 24px;
width: 100px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.leaderList-text {
font-size: 14px;
}
.insideList-name{
.insideList-name {
font-size: 16px;
}
.versionList-name{
.versionList-name {
font-size: 20px;
}
/* 预决算公告 */
.noRecord{
padding: 0px;
.leaderList-tips {
padding: 0 6px;
white-space: nowrap;
}
.contactUs-code img{
margin: 0 auto;
/* 创新平台 */
.echelonList li {
display: flex;
flex-direction: column;
}
.contactUs-code{
position: static;
}
.contactUs-label>span{
.echelonList-img {
width: 100%;
}
.echelonList-cont {
padding: 0;
position: static;
}
.trendsModular {
margin: 0;
display: flex;
flex-direction: column;
}
.trendsModular .trendsLabel {
width: calc(100% - 20px);
margin: 10px;
}
.platform {
margin-bottom: 10px;
}
.innovateList-name {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-right: 5px;
}
/* 预决算公告 */
.noRecord {
padding: 0px;
}
.contactUs-code img {
margin: 0 auto;
}
.contactUs-code {
position: static;
}
.contactUs-label>span {
width: 100%;
}
/* 科研成果 */
.gainList-img{
width: 100%;
}
.gainList-cont{
position: static;
padding: 10px 20px 20px;
}
.awardList-time{
width: 60px;
}
.awardList-title {
width: calc(100% - 55px);
padding-left: 15px;
}
.awardList-img{
width: 50%;
}
.awardList-cont {
width: calc(100% - 100px);
margin-right: 10px;
}
/* 能源环境学会 */
.learnTop-title::after{
width: 100%;
}
.learnTop-more{
display: block;
position: static;
}
.learnTop-title{
text-align: center;
}
.learnNews {
flex-direction: column;
}
.learnNews-left{
width: 100%;
}
.learnList-img{
width: 50%;
}
.learnNews-right{
width: 100%;
margin: 0;
}
.learnList-cont{
padding: 10px 10px 10px 50%;
}
/* 分页 */
.pagination>li {
display: inline-grid;
margin: 10px 0px;
}
/* 网页底部 */
.footerLinks {
display: flex;

10
resources/views/category/xwdt.blade.php
View File

@@ -42,11 +42,10 @@
@endforeach
@endif
</ul>
<div>
<!-- 手机版查看更多 -->
<a href="{{ $tzCate->link }}" class="mb trendsTitle-more">查看更多 +</a>
</div>
</div>
</div>
<!-- 能源院新闻 -->
<div class="trends">
@@ -54,7 +53,7 @@
<div class="trendsTitle">
<img src="{{ asset('assets/index/images/newsIcon_2.png') }}">{{ $nyydtCate->title }}
<span>/ {{ $nyydtCate->description }}</span>
<a href="{{ $nyydtCate->link }}" class="trendsTitle-more">查看更多 +</a>
<a href="{{ $nyydtCate->link }}" class="pc trendsTitle-more">查看更多 +</a>
</div>
<ul class="pressList">
@if($nyydtArticles->isNotEmpty())
@@ -82,6 +81,8 @@
@endforeach
@endif
</ul>
<!-- 手机版查看更多 -->
<a href="{{ $nyydtCate->link }}" class="mb trendsTitle-more">查看更多 +</a>
</div>
</div>
@@ -91,7 +92,7 @@
<div class="trendsTitle">
<img src="{{ asset('assets/index/images/newsIcon_2.png') }}">{{ $mtbdCate->title }}
<span>/ {{ $mtbdCate->description }}</span>
<a href="{{ $mtbdCate->link }}" class="trendsTitle-more">查看更多 +</a>
<a href="{{ $mtbdCate->link }}" class="pc trendsTitle-more">查看更多 +</a>
</div>
<ul class="specialList">
@if($mtbdArticles->isNotEmpty())
@@ -116,6 +117,7 @@
@endforeach
@endif
</ul>
<a href="{{ $mtbdCate->link }}" class="mb trendsTitle-more">查看更多 +</a>
</div>
</div>
</div>

4
resources/views/layouts/header.blade.php
View File

@@ -15,10 +15,10 @@
<!-- End 右侧漂浮窗 -->
<!-- 漂浮窗 -->
<a class="showy pc" id="bay" href="http://nyfh.has.ac.cn/articles/399">
<!-- <a class="showy pc" id="bay" href="http://www.hasnyy.org.cn/articles/402">
<div class="bay-close" style="text-align:right;cursor:pointer;" id="close">关闭</div>
<img class="bay-img" src="/assets/index/images/showy.jpg" />
</a>
</a> -->
<!-- header -->
<header class="header">