字体优化

master
Lee 2022-10-26 15:08:33 +08:00
parent 0f5806d5d9
commit 75419b8f82
4 changed files with 233 additions and 8 deletions

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>

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;
/* 设置颜色 */ /* 设置颜色 */

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 {

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB