Skip to content
outGoingReportView.scss 2.96 KiB
Newer Older
wangqinghua's avatar
wangqinghua committed
page-outGoingReportView {
    .searchToolBar{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: left;
        box-sizing: border-box;
    }
    
    .item1-image{
        width: 100%;
        height: 135px;
    }
    
    .item1-content{
        margin-top: 12px;
    }
    
    .item1-content-header{
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        box-sizing: border-box;
    }
    
    .item1-title{
        margin-left: 15px;
        font-size: 18px;
        font-weight: bold;
        width: 12em;
        line-height:18px;
    }
    
    .item1-content-box{
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        justify-content: center;
        box-sizing: border-box;
        margin-right: 15px;
        color: #80a7ee;
        font-size: 16px;
        line-height:18px;
    }
    
    .item1-introduction{
        margin: 0 15px;
        color: #9d9d9d;
        padding-bottom: 10px;
        line-height: 25px;
    }
    
    .btn-introduce{
        background-color: white;
        padding: 3px 7px;
        border: 1px solid #cccccc;
        border-radius: 10px;
        float: right;
        color: #666666;
    }
    
    .report-info{
        font-size: 18px;
    }
    
    .report-item{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        box-sizing: border-box;
        color: #666666;
    }
    
    .report-item-title{
        margin-right: 20px;
    }
    .report-btn{
        position: absolute;
        bottom: 0;
    }
    .right-icon{
        width: 30px;
        height: 30px;
    }
    
    .report-item-content{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        box-sizing: border-box;
    }
    
    .cover{
        position: relative;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.4);
        // opacity: 0.4;
        z-index: 100;
    }
    
    .cover-content{
        position: fixed;
        // height: 400px;
        width: 300px;
        margin:auto; 
        left:0; 
        right:0; 
        top: 110px;
        z-index: 1000;
        background-color: white;
    }
    
    .cover-content-box{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        margin: 15px 15px;
        // width: 280px;
    }
    
    .cover-content-info{
        height: 280px;
        border: 1px solid #cccccc;
        padding: 0 10px;
        margin-bottom: 10px;
        color: #272727;
        overflow: scroll;
        width: 270px;
        
    }
    
    .cover-content-title{
        margin-top: 0;
    }
    .description{
        width: 100%;
        height: 100px;
    }

    .back-btn{
        width: 30px;
        height: 30px;
    }
    
}