alldish.module.scss

最新推荐文章于 2024-08-28 07:59:56 发布

我才不会写BuG_

最新推荐文章于 2024-08-28 07:59:56 发布

阅读量174

点赞数

分类专栏： react

本文链接：https://blog.csdn.net/weixin_47752439/article/details/107639341

版权

react 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

.content{
    background: #F5F7F9;
    height: 667px;
    overflow-x: hidden;
    overflow-y: scroll;
    
    .item{
        background: #fff;
        padding: 10px 15px;
        margin-bottom: 10px;
        box-sizing: border-box;
        .person{
            display: flex;
            justify-content: left;
            align-items: center;
            margin: 10px 0;
            .div1{
                width: 38px;
                margin-right: 15px;
                img{
                    width: 38px;
                    height: 38px;
                    border-radius: 50px;
                }
            }
            .div2{
                .authorname{
                    font-size: 13px;
                    height: 20px;
                    line-height: 20px;
                    text-align: left;
                    color: #4A4945;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    }
                    .time{
                        span{
                            text-align: left;
                            font-size: 12px;
                            height: 20px;
                            line-height: 20px;
                            color: #999999;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            margin-right: 5px;
                        }
                        }
                    }
                }
                .text{
                    font-size: 14px;
                    margin-bottom: 15px;
                    color: #4A4945;
                    line-height: 20px;
                    text-align: left;
                }
                .imgbox{
                    display: flex;
                    flex-wrap: wrap;
                    margin-bottom: 10px;
                    img{
                        margin-left: 2px;
                        width: 60%;
                        height: 60%;  
                    }
                    .img1{
                        width: 169px;
                        height: 169px;
                        margin-bottom:5px;
                    }
                    .img3{
                        width: 110px;
                        height: 110px;
                        margin-bottom: 5px;

                    }
                    
                }
                .ul_bottom{
                    display: flex;
                    div{
                        text-align: center;
                        flex: 1;
                        font-size: 12px;
                        line-height: 20px;
                        color: #999999;
                        margin-left: 5px;
                        vertical-align: middle;
                    }
                }
            }
        }
        .swiper{
            width: 100%;
            height: 100%;
            position: fixed;
            z-index: 1000;
            display: block;
            background: #4A4945;
            img{
                height:  100%;
                width: 100%;
            }
        }
        .swiper1 {
            display: none;
        }