cycgs/src/main/webapp/static/mweixin/material-list.less

@import "../ms-admin/4.7.0/less/app.less";
.ms-weixin-content{
    .ms-header{
        >.el-select--small:first-child{
            width: 100px !important;
        }
    }
    .ms-admin-material-list{
        background: #fff;
        .ms-margin-padding(12px, 14px);
        display: flex;
        flex-wrap: wrap;
        //单个素材
        .ms-admin-material-item {
            .ms-margin-padding(0 24px 24px 0, 0 10px);
            width: 230px;
            display: flex;
            flex-direction: column;
            border: 1px solid #e6e6e6;
            border-radius: 4px;
            .head {
                border-bottom: 1px solid #e6e6e6;
                padding: 10px 0;
                .ms-flex();
                align-items: center;
                span {
                    color: @contentColor;
                }
                .icon-weixin{
                    .ms-font(16px,rgb(154, 205, 50));
                }
            }
            .body {
                display: flex;
                flex-direction: column;
                line-height: 2em;
                span {
                    .ms-ellipsis;
                    .ms-hover;
                }
                img {
                    .ms-width-height(170px, 110px);
                    margin: 0 auto;
                    object-fit: cover;
                }
                p {
                    margin: 0;
                    color: @contentColor;
                    .ms-ellipsis-clamp(3);
                    .ms-font(@auxiliarySize,@auxiliaryColor);
                }
            }
            .footer {
                display: flex;
                padding: 14px 0;
                i {
                    color: @contentColor;
                    margin: auto;
                    .ms-hover;
                }
                em {
                    .ms-width-height(1px, 1em);
                    background: #e6e6e6;
                }
            }
        }
    }
}