Lee
/
zzwy-news
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

字体优化

master
Lee 2022-10-26 15:08:33 +08:00
parent 0f5806d5d9
commit 75419b8f82
4 changed files with 233 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

224
activities.html
View File

@ -110,6 +110,230 @@
<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span> <span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
</div> </div>
</a> </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> </div>
<div class="load-more color-66">点击加载更多</div> <div class="load-more color-66">点击加载更多</div>

2
css/base.css
View File

@ -23,7 +23,7 @@
body { 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; line-height: 1.5;
/* 设置颜色 */ /* 设置颜色 */

15
css/style.css
View File

@ -1088,9 +1088,10 @@
width: 50%; width: 50%;
height: 222px; height: 222px;
} }
.activities-list .activities-item:nth-of-type(4n+3){
.activities-list .activities-item:nth-of-type(3n), flex-direction: row-reverse;
.activities-list .activities-item:nth-of-type(4n) { }
.activities-list .activities-item:nth-of-type(4n+4){
flex-direction: row-reverse; flex-direction: row-reverse;
} }
@ -3556,12 +3557,12 @@
height: 2.3rem; height: 2.3rem;
} }
.activities-list .activities-item:nth-of-type(2n) { .activities-list .activities-item:nth-of-type(even) {
flex-direction: row-reverse; flex-direction: row-reverse !important;
} }
.activities-list .activities-item:nth-of-type(3n) { .activities-list .activities-item:nth-of-type(odd) {
flex-direction: row; flex-direction: row !important;
} }
.activities-list .activities-item>.txt { .activities-list .activities-item>.txt {

BIN
images/icon/icon-time.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB