styles.less 3.2 KB
Newer Older
钟是志's avatar
钟是志 committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152
/*表单样式*/
.form{
    padding: 60px 0;
    width: 100%;
    padding-top: 0px;
    text-align: center;
    .form_input{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        .form_span{
            float: right;
            margin-bottom: 24px;
            margin-right: 15px;
            color: #666666;
            font-size: 14px;
        }
        .icon_div{
            margin-left: -117px;
        }
    }
    .form_people{
        width: 100%;
        display: flex;
        justify-content: center;
        span{
            float: right;
            margin-bottom: 24px;
            margin-right: 19px;
            color: #666666;
            font-size: 14px;
        }
        .form_people_div{
            margin-left: -10px;
            >div{
            margin-top: -12px;
            width: 380px;
            height: 100%;
            display: flex;
            flex-wrap: wrap;
            }
            .add_people_add_img{
                margin-top: 12px;
                width: 20%;
                height: 68px;
                text-align: center;
                img{
                    width: 36px;
                    height: 36px;
                }
            }
        }
    }
}
/*添加任务list组件样式*/
.list_div{
    height: 89px;
    width: 25%;
    margin-top: 12px;
    display: flex;
    text-align: center;
    >div:nth-child(1){
        >div{
            width: 100%;
            height: 36px;
            position: relative;
            img{
                width: 36px;
                height: 100%;
            }
            .img_remove{
                width: 12px;
                height: 12px;
                position: absolute;
                right: 12px;
                top:0px;
            }
        }
        >p:nth-child(2){
            font-size: 12px;
            color: #333333;
            font-weight: 400;
        }
        >p:nth-child(3){
            font-size: 11px;
            color: #cccccc;
            font-weight: 400;
        }
    }
    >div:nth-child(2){
        margin:0 4px;
        flex:1;
        color:#cccccc;
    }
}

.body_hea{
    h3{
        font-weight: bold;
        color: #333333;
        font-size: 16px;
        margin-bottom: 28px;
        text-align: left;
        margin-left: 24px;
    }
    .hea_title{
        font-size: 14px;
        color: #666666;
        margin-left: 41px;
        width: 20%; 
        text-align: right;
        display: inline-block;
    }
    .hew_content{
        color: #333333;
        font-size: 14px;
        margin-left: 23px; 
    }
    /*事项理由样式*/
    .title{
        text-align: right;
        font-size: 14px;
        color: #666666;
    }
    .body{
        padding-left:24px; 
        color: #333333;
        font-size: 14px;
    }
    /*附件样式*/
    .file{
        margin-bottom: 16px;
        img{
            width: 14px;
            height: 16px;
            margin-right: 9px;
            margin-top: -5px;
        }
    }
    .row{
        margin-bottom: 28px;
    }
}
.header{
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #333333;
    padding: 32px 0 32px 0;
}