tplus-pos/dist/components/modalWraperPosTouch/freeitem/style.less

pos module

.freeItem{
    line-height: 1;
    .freeItem-content{
        display: flex;
        flex-direction: column;
        height: 100%;
    }
    .u-modal-body{
        padding-top:0px;
    }
    .freeItem-title{
        line-height: 14px;
        margin-top:24px;
        color:#666666 ;
        font-size:14px;
        padding-left:16px; 
        padding-right:16px; 
        margin-bottom:16px;
        .head-name{
            font-size: 14px;
            color: #666666;
            line-height: 14px;
        }
        .head-value{
            margin-left:16px;
            font-size: 14px;
            color: #2A2A2A;
            line-height: 14px;
        }
    }

    .freeItem-footer{
        font-size: 12px;
        line-height: 12px;
        padding: 8px 16px;
        color: #666;
        border-top:1px #E6E6EB solid;
    }
    .freeItem-container{
        flex: 1;
        overflow: scroll;
    }

    //自由项 样式====================
    .free-range{
        padding-left:16px; 
        padding-right:16px; 
        padding-bottom:8px;
        overflow: hidden;
        .free-range-title{
            margin-top:8px;
            margin-bottom:4px;
            display: inline-block;
            text-align: left;
            font-size: 14px;
            color: #666666;
            border-radius: 2px;
            display: block;
        }

        .free-range-title-selected{
            color: #FF8C25 !important;
        }

        .free-range-valueWaper{
            margin-left:-12px;
        }
        .free-range-value{
            margin-top:12px;
            text-align: center;
            display: inline-block;
            line-height: 32px;
            cursor: pointer;
            margin-left: 12px;
            position: relative;
            height: 32px;
            vertical-align: middle;
            color: #333333;
            border-radius: 2px;
            padding-left:12px;
            padding-right:12px;
        }
        
        .free-range-select{
            .free-range-value;
            border:1px #FF8C25 solid;
            overflow: hidden;   
        }
        .xuanzhong{
            position: absolute;
            bottom:0px;
            right: -1px;
            color: #FF8C25;
            line-height: 14px;
        }
        .free-range-default{ 
            .free-range-value;
            border:1px #C8C8CD solid;
        }
    }
    .free-range-selected{
        background: rgba(255, 140, 37, 0.2);;
    }
}