字体优化
parent
0f5806d5d9
commit
75419b8f82
224
activities.html
224
activities.html
|
@ -110,6 +110,230 @@
|
|||
<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
|
||||
</div>
|
||||
</a>
|
||||
<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
|
||||
<div class="txt bg-col-f5">
|
||||
<h2 class="clips1">中正物业入驻颐景苑服务</h2>
|
||||
<p class="color-66 clips3">中正物业正式入驻颐景苑小区,为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
|
||||
<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
|
||||
</div>
|
||||
</a>
|
||||
<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
|
||||
<div class="txt bg-col-f5">
|
||||
<h2 class="clips1">中正物业入驻颐景苑服务</h2>
|
||||
<p class="color-66 clips3">中正物业正式入驻颐景苑小区,为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
|
||||
<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
|
||||
</div>
|
||||
</a>
|
||||
<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
|
||||
<div class="txt bg-col-f5">
|
||||
<h2 class="clips1">中正物业入驻颐景苑服务</h2>
|
||||
<p class="color-66 clips3">中正物业正式入驻颐景苑小区,为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
|
||||
<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
|
||||
</div>
|
||||
</a>
|
||||
<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
|
||||
<div class="txt bg-col-f5">
|
||||
<h2 class="clips1">中正物业入驻颐景苑服务</h2>
|
||||
<p class="color-66 clips3">中正物业正式入驻颐景苑小区,为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
|
||||
<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
|
||||
</div>
|
||||
</a>
|
||||
<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
|
||||
<div class="txt bg-col-f5">
|
||||
<h2 class="clips1">中正物业入驻颐景苑服务</h2>
|
||||
<p class="color-66 clips3">中正物业正式入驻颐景苑小区,为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
|
||||
<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
|
||||
</div>
|
||||
</a>
|
||||
<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
|
||||
<div class="txt bg-col-f5">
|
||||
<h2 class="clips1">中正物业入驻颐景苑服务</h2>
|
||||
<p class="color-66 clips3">中正物业正式入驻颐景苑小区,为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
|
||||
<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
|
||||
</div>
|
||||
</a>
|
||||
<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
|
||||
<div class="txt bg-col-f5">
|
||||
<h2 class="clips1">中正物业入驻颐景苑服务</h2>
|
||||
<p class="color-66 clips3">中正物业正式入驻颐景苑小区,为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
|
||||
<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
|
||||
</div>
|
||||
</a>
|
||||
<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
|
||||
<div class="txt bg-col-f5">
|
||||
<h2 class="clips1">中正物业入驻颐景苑服务</h2>
|
||||
<p class="color-66 clips3">中正物业正式入驻颐景苑小区,为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
|
||||
<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
|
||||
</div>
|
||||
</a>
|
||||
<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
|
||||
<div class="txt bg-col-f5">
|
||||
<h2 class="clips1">中正物业入驻颐景苑服务</h2>
|
||||
<p class="color-66 clips3">中正物业正式入驻颐景苑小区,为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
|
||||
<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
|
||||
</div>
|
||||
</a>
|
||||
<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
|
||||
<div class="txt bg-col-f5">
|
||||
<h2 class="clips1">中正物业入驻颐景苑服务</h2>
|
||||
<p class="color-66 clips3">中正物业正式入驻颐景苑小区,为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
|
||||
<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
|
||||
</div>
|
||||
</a>
|
||||
<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
|
||||
<div class="txt bg-col-f5">
|
||||
<h2 class="clips1">中正物业入驻颐景苑服务</h2>
|
||||
<p class="color-66 clips3">中正物业正式入驻颐景苑小区,为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
|
||||
<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
|
||||
</div>
|
||||
</a>
|
||||
<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
|
||||
<div class="txt bg-col-f5">
|
||||
<h2 class="clips1">中正物业入驻颐景苑服务</h2>
|
||||
<p class="color-66 clips3">中正物业正式入驻颐景苑小区,为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
|
||||
<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
|
||||
</div>
|
||||
</a>
|
||||
<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
|
||||
<div class="txt bg-col-f5">
|
||||
<h2 class="clips1">中正物业入驻颐景苑服务</h2>
|
||||
<p class="color-66 clips3">中正物业正式入驻颐景苑小区,为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
|
||||
<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
|
||||
</div>
|
||||
</a>
|
||||
<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
|
||||
<div class="txt bg-col-f5">
|
||||
<h2 class="clips1">中正物业入驻颐景苑服务</h2>
|
||||
<p class="color-66 clips3">中正物业正式入驻颐景苑小区,为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
|
||||
<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
|
||||
</div>
|
||||
</a>
|
||||
<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
|
||||
<div class="txt bg-col-f5">
|
||||
<h2 class="clips1">中正物业入驻颐景苑服务</h2>
|
||||
<p class="color-66 clips3">中正物业正式入驻颐景苑小区,为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
|
||||
<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
|
||||
</div>
|
||||
</a>
|
||||
<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
|
||||
<div class="txt bg-col-f5">
|
||||
<h2 class="clips1">中正物业入驻颐景苑服务</h2>
|
||||
<p class="color-66 clips3">中正物业正式入驻颐景苑小区,为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
|
||||
<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
|
||||
</div>
|
||||
</a>
|
||||
<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
|
||||
<div class="txt bg-col-f5">
|
||||
<h2 class="clips1">中正物业入驻颐景苑服务</h2>
|
||||
<p class="color-66 clips3">中正物业正式入驻颐景苑小区,为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
|
||||
<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
|
||||
</div>
|
||||
</a>
|
||||
<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
|
||||
<div class="txt bg-col-f5">
|
||||
<h2 class="clips1">中正物业入驻颐景苑服务</h2>
|
||||
<p class="color-66 clips3">中正物业正式入驻颐景苑小区,为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
|
||||
<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
|
||||
</div>
|
||||
</a>
|
||||
<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
|
||||
<div class="txt bg-col-f5">
|
||||
<h2 class="clips1">中正物业入驻颐景苑服务</h2>
|
||||
<p class="color-66 clips3">中正物业正式入驻颐景苑小区,为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
|
||||
<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
|
||||
</div>
|
||||
</a>
|
||||
<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
|
||||
<div class="txt bg-col-f5">
|
||||
<h2 class="clips1">中正物业入驻颐景苑服务</h2>
|
||||
<p class="color-66 clips3">中正物业正式入驻颐景苑小区,为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
|
||||
<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
|
||||
</div>
|
||||
</a>
|
||||
<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
|
||||
<div class="txt bg-col-f5">
|
||||
<h2 class="clips1">中正物业入驻颐景苑服务</h2>
|
||||
<p class="color-66 clips3">中正物业正式入驻颐景苑小区,为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
|
||||
<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
|
||||
</div>
|
||||
</a>
|
||||
<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
|
||||
<div class="txt bg-col-f5">
|
||||
<h2 class="clips1">中正物业入驻颐景苑服务</h2>
|
||||
<p class="color-66 clips3">中正物业正式入驻颐景苑小区,为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
|
||||
<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
|
||||
</div>
|
||||
</a>
|
||||
<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
|
||||
<div class="txt bg-col-f5">
|
||||
<h2 class="clips1">中正物业入驻颐景苑服务</h2>
|
||||
<p class="color-66 clips3">中正物业正式入驻颐景苑小区,为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
|
||||
<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
|
||||
</div>
|
||||
</a>
|
||||
<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
|
||||
<div class="txt bg-col-f5">
|
||||
<h2 class="clips1">中正物业入驻颐景苑服务</h2>
|
||||
<p class="color-66 clips3">中正物业正式入驻颐景苑小区,为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
|
||||
<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
|
||||
</div>
|
||||
</a>
|
||||
<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
|
||||
<div class="txt bg-col-f5">
|
||||
<h2 class="clips1">中正物业入驻颐景苑服务</h2>
|
||||
<p class="color-66 clips3">中正物业正式入驻颐景苑小区,为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
|
||||
<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
|
||||
</div>
|
||||
</a>
|
||||
<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
|
||||
<div class="txt bg-col-f5">
|
||||
<h2 class="clips1">中正物业入驻颐景苑服务</h2>
|
||||
<p class="color-66 clips3">中正物业正式入驻颐景苑小区,为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
|
||||
<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
|
||||
</div>
|
||||
</a>
|
||||
<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
|
||||
<div class="txt bg-col-f5">
|
||||
<h2 class="clips1">中正物业入驻颐景苑服务</h2>
|
||||
<p class="color-66 clips3">中正物业正式入驻颐景苑小区,为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
|
||||
<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
|
||||
</div>
|
||||
</a>
|
||||
<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
|
||||
<div class="txt bg-col-f5">
|
||||
<h2 class="clips1">中正物业入驻颐景苑服务</h2>
|
||||
<p class="color-66 clips3">中正物业正式入驻颐景苑小区,为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
|
||||
<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="load-more color-66">点击加载更多</div>
|
||||
|
|
|
@ -23,7 +23,7 @@
|
|||
|
||||
body {
|
||||
/* 设置字体 */
|
||||
font: 16px/1.5 Microsoft YaHei, Heiti SC, PingFang SC, Arial, SimHei, Hiragino Sans GB, Helvetica, "\5B8B\4F53", serif, sans-serif;
|
||||
font: 16px/1.5 Microsoft YaHei, PingFang SC, Heiti SC, Arial, SimHei, Hiragino Sans GB, Helvetica, "\5B8B\4F53", serif, sans-serif;
|
||||
/* 设置行高 */
|
||||
line-height: 1.5;
|
||||
/* 设置颜色 */
|
||||
|
|
|
@ -1088,9 +1088,10 @@
|
|||
width: 50%;
|
||||
height: 222px;
|
||||
}
|
||||
|
||||
.activities-list .activities-item:nth-of-type(3n),
|
||||
.activities-list .activities-item:nth-of-type(4n) {
|
||||
.activities-list .activities-item:nth-of-type(4n+3){
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
.activities-list .activities-item:nth-of-type(4n+4){
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
|
||||
|
@ -3556,12 +3557,12 @@
|
|||
height: 2.3rem;
|
||||
}
|
||||
|
||||
.activities-list .activities-item:nth-of-type(2n) {
|
||||
flex-direction: row-reverse;
|
||||
.activities-list .activities-item:nth-of-type(even) {
|
||||
flex-direction: row-reverse !important;
|
||||
}
|
||||
|
||||
.activities-list .activities-item:nth-of-type(3n) {
|
||||
flex-direction: row;
|
||||
.activities-list .activities-item:nth-of-type(odd) {
|
||||
flex-direction: row !important;
|
||||
}
|
||||
|
||||
.activities-list .activities-item>.txt {
|
||||
|
|
Binary file not shown.
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.5 KiB |
Loading…
Reference in New Issue