work/wwwroot/css/news.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

/* 新闻板块 */
.news-class {
    /* height: 100%; */
    /* background-color: #f5f5f5; */
    /* border: 1px solid rgba(0, 0, 0, .1); */
    margin-top: 5px;
    border-top: 2px solid rgba(0, 0, 0, .1);
    box-sizing: border-box;
    margin-bottom: 10px;
}

    .news-class > .title {
        display: inline-block;
        /* font-size: 16px; */
        padding: 10px;
        padding-left: 10px;
        background-color: #fff;
        border: 1px solid #fff;
        box-sizing: border-box;
        color: #5184eb;
    }

.news-list {
    /* border: 1px solid #ccc; */
    font-size: 18px;
    padding-inline-start: 0;
}

    .news-list > .list-item {
        margin: 5px;
        display: flex;
        /* flex-wrap: wrap; */
        flex-direction: row;
        padding: 20px 0;
        list-style: none;
    }

        .news-list > .list-item > .news-cover {
            width: 200px;
            height:200px;
        }

        .news-list > .list-item > .news-infos > .news-title {
            font-size: 24px;
            /* font-weight: 700; */
            margin-left: 10px;
            word-break: break-word;
        }

        /* .news-list>.list-item>.news-info>.news-actor {} */

        .news-list > .list-item > .news-infos {
            display: flex;
            flex-wrap: wrap;
            flex-direction: column;
            justify-content: space-between;
        }

            .news-list > .list-item > .news-infos > .news-info {