Home Esplora Aiuto
Registrati Accedi
moonsflyer
/
zhongshen_project
1
0
Forka 0
File Problemi 0 Pull Requests 0 Wiki
Ramo (Branch): master
Rami (Branch) Tag
zhongshen_proje...
/
app
/
component
/
view
/
article
/
css
/
design.css

design.css 1.7 KB
Permalink Cronologia Originale

12345678910111213141516 
  1. @CHARSET "UTF-8";
    2. 

  2. /* 文章组件 */
    3. 

  3. .article-wrap .list-wrap.style-1{}
    4. 

  4. .article-wrap .list-wrap.style-1 .item{display: flex;padding: 10px;margin-bottom: 10px;}
    5. 

  5. .article-wrap .list-wrap.style-1 .item:last-child{margin-bottom: 0;}
    6. 

  6. .article-wrap .list-wrap.style-1 .item .img-wrap{text-align: center;margin-right: 10px;width: 80px;}
    7. 

  7. .article-wrap .list-wrap.style-1 .item .img-wrap img{max-width: 100%;max-height: 100%;}
    8. 

  8. .article-wrap .list-wrap.style-1 .item .img-wrap span{display: block;background-color:#F6F6F6;height: 50px;line-height: 50px;padding: 20px;}
    9. 

  9. .article-wrap .list-wrap.style-1 .item .info-wrap {flex:1;display:flex;flex-direction:column;justify-content:space-between;}
    10. 

  10. .article-wrap .list-wrap.style-1 .item .info-wrap .title {font-weight:bold;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;line-height:1.5;}
    11. 

  11. .article-wrap .list-wrap.style-1 .item .info-wrap .abstract {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;}
    12. 

  12. .article-wrap .list-wrap.style-1 .item .info-wrap .read-wrap {display:flex;color:#999ca7;justify-content:flex-start;align-items:center;margin-top:5px;line-height:1;}
    13. 

  13. .article-wrap .list-wrap.style-1 .item .info-wrap .read-wrap text {font-size:12px;}
    14. 

  14. .article-wrap .list-wrap.style-1 .item .info-wrap .read-wrap .iconfont {font-size:18px;vertical-align:bottom;margin-right:5px;}
    15. 

  15. .article-wrap .list-wrap.style-1 .item .info-wrap .read-wrap .category-icon {width:4px;height:4px;border-radius:50%;margin-right:5px;}
    16. 

  16. .article-wrap .list-wrap.style-1 .item .info-wrap .read-wrap .date {margin-left:10px;}
    17.