renzhou
/
suzhou
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

提交

Browse Source
liudan
liudan 2 years ago
parent dd1ba5d482
commit 032e09c3e0
2 changed files with 151 additions and 26 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 95
      css/index.css
  2. 82
      test.html

95
css/index.css
Unescape View File

@ -0,0 +1,95 @@
.news_Container{
display: flex;
align-items: center;
}
/*首页新闻动态*/
.news_left_container{
}
.newsLeftContent h2{
font-size: 30px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #124AA0;
line-height: 30px;
padding-bottom:15px;
border-bottom:1px solid rgba(0,0,0,0.5);
}
.newsLeftContent p{
margin:0;
padding: 0;
font-size: 30px;
font-family: Arial;
font-weight: 400;
color: #999999;
line-height: 36px;
margin-top:24px;
margin-bottom: 125px;
}
.newsLeftContent button{
padding:10px 45px;
border: 1px solid #134BA1;
border-radius: 30px;
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #134BA1;
}
.news_middle_container .titleContent{
display: flex;
align-items: center;
}
.news_middle_container .titleContent .titleItem{
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #333333;
line-height: 36px;
margin-right:27px;
}
.titleItemActive{
font-size: 18px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #134BA1 !important;
line-height: 36px;
border-bottom:4px solid #08429C;
}
.middleContent{
display: flex;
width:100%;
margin-top: 30px;
}
.middleContent .imgcontainer img{
width:100%;
height:100%;
}
.middleContent .contenttitle{
color:#000000;
font-size:14px;
width:100%;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
margin: 30px 0;
}
.contentText p{
margin:0;
padding:0;
color:#747474;
margin-bottom:30px;
}
.contentText .time{
color:#747474;
font-size:12px;
}

82
test.html
Unescape View File

@ -13,6 +13,7 @@
<link href="css/bxslider.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/swiper-bundle.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/index.css">
<script src="js/jquery.min.js"></script>
<script src="js/bxslider.min.js"></script>
<script src="js/common.js"></script>
@ -129,15 +130,15 @@
<div class="section section1">
<!-- p1 -->
<header>
<!-- <header>
<div class="top_logo">
<div class="logo_wrap"> <a href="/"><img src="images/logo2.png" class="logo" alt=""/></a> </div>
</div>
</div> -->
<!-- Fixed navbar -->
<nav id="top_nav" class="navbar navbar-default navbar-static-top">
<!-- <nav id="top_nav" class="navbar navbar-default navbar-static-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">导航菜单</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
@ -152,11 +153,11 @@
<li class="dropdown"> <a href="talent/talent01.html">人才发展</a> </li>
<li class="dropdown"> <a href="form/form.html">投资申请</a> </li>
</ul>
</div>
</div> -->
<!--/.nav-collapse -->
</div>
<!-- </div>
</nav>
</header>
</header> -->
<!-- Swiper -->
<div class="swiper mySwiper">
@ -257,20 +258,60 @@
<div class="section section4">
<!-- 新闻动态 -->
<div class="news_box" style="width: 100%!important;">
<div style="width: 100%!important;">
<div class="container">
<div class="row">
<div class="row news_Container">
<!-- left -->
<div class="col-xs-12 col-sm-4 col-md-2 news_left">
<div class="news_left_wrap">
<h2 class="left_h2">最新动态</h2>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-3 col-xl-3 col-xxl-3 news_left_container">
<div class="newsLeftContent">
<h2>最新动态</h2>
<p>NEWS<br>INFORMATION</p>
<button>探索更多</button>
</div>
</div>
<div class="col-xs-12 col-sm-8 col-md-12 news_wrap">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-9 col-xl-9 col-xxl-9 news_middle_container">
<div class="titleContent">
<div class="titleItem titleItemActive">集团要闻</div>
<div class="titleItem">企业动态</div>
<div class="titleItem">媒体聚焦</div>
</div>
<div class="middleContent">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 col-xxl-4">
<div class="imgcontainer">
<img src="images/电子信息-bg.jpg" alt="">
</div>
<div class="contentText">
<div class="contenttitle">加强党规党纪培训 推动党史学习教育-简阳工投党支部开展党规党纪专项活动</div>
<p>为进一步增强公司全体党员干部增强党纪法规意识，树牢对法律的敬畏之心，结合当前正在深入开展的</p>
<div class="time">2021-4-26</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 col-xxl-4">
<div class="imgcontainer">
<img src="images/电子信息-bg.jpg" alt="">
</div>
<div class="contentText">
<div class="contenttitle">加强党规党纪培训 推动党史学习教育-简阳工投党支部开展党规党纪专项活动</div>
<p>为进一步增强公司全体党员干部增强党纪法规意识，树牢对法律的敬畏之心，结合当前正在深入开展的</p>
<div class="time">2021-4-26</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 col-xxl-4">
<div class="imgcontainer">
<img src="images/电子信息-bg.jpg" alt="">
</div>
<div class="contentText">
<div class="contenttitle">加强党规党纪培训 推动党史学习教育-简阳工投党支部开展党规党纪专项活动</div>
<p>为进一步增强公司全体党员干部增强党纪法规意识，树牢对法律的敬畏之心，结合当前正在深入开展的</p>
<div class="time">2021-4-26</div>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="col-xs-12 col-sm-8 col-md-12 news_wrap">
<div class="list_box">
<h2 class="left_h2 news_title">集团要闻&nbsp;&nbsp;&nbsp;&nbsp;企业动态&nbsp;&nbsp;&nbsp;&nbsp;媒体聚焦</h2>
@ -297,7 +338,7 @@
</div>
</div>
</div> -->
</div>
@ -398,17 +439,6 @@
</div>
</div>
<div class="container" style="margin-top: 80px;">
<div class="row">
<div class="col-md-3" style="background:red">af</div>
<div class="col-md-3" style="background:yellow">af</div>
<div class="col-md-3" style="background:red">af</div>
<div class="col-md-3" style="background:green">af</div>
</div>
</div>
<ul class="controls">
<li class="active">1</li>
<li>2</li>

Write Preview
Loading…
Cancel
Save