【Article】ArticleIntro功能版块示范脚本

admin

需hondy框架环境。
DIV：
<div class="news container py-5">$func_article(para=News,rows=5,memo=1,title=10,summ=3,date=101)$</div>
CSS：
#ArticleIntro ul{display:inline-block;width:100%}
#ArticleIntro ul li{text-align:left;margin-bottom:20px}
#ArticleIntro ul li .thumbs{width:120px;height:120px}
#ArticleIntro ul li .thumbs img{max-width:120px;max-height:120px}
#ArticleIntro ul li .detail .title a{display:block;line-height:22px;font-size:112.5%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ArticleIntro ul li .detail .intro{margin-top:10px;line-height:1.5em;height:40px;color:#666;overflow:hidden;font-size:87.5%}
#ArticleIntro ul li .detail .intro .enter{float:right;display:none;height:100%;line-height:100%}
#ArticleIntro ul li .detail .intro .enter a{display:block;line-height:100%;text-transform:uppercase}
#ArticleView ul li .thumbs a,#ProductView ul li .thumbs a,#Slider ul li .thumbs a{border:1px solid #f0f0f0;background:#fff}
#ArticleView ul li img,#ProductView ul li img,#Slider ul li img{padding:10px}
@media (max-width:992px){
.news #ArticleIntro .Summary{float:none;width:100%;margin-right:0}
}

admin

需要调用hondy.skin.css和hondy.min.js

DIV：
<div class="news bg-gray-200 py-5">
    <div class="container ul-lg-2 text-center bg-longdateplus-fst longdateplus-gray-100 margin-t-4 roll">
        $func_article(navi=nav,para=News,rows=6,memo=1,title=11,summ=3,pics=2,date=101,list=4)$
    </div>
</div>

CSS:
.news ul {
    flex-flow: row wrap !important;

    li {
        margin-right: 0 !important;
        background: white;
        padding: 2rem;
        text-align: left;
    }
}

JS:
@include media-breakpoint-up(lg) {
    .news ul {
        li {
            width: 50%;
        }
    }

}