tplus-pos/dist/components/voucherPosTouch/style.less

pos module

.opera span{
    color: #00A0E9
}
.voucher-header{
    width:400px;
    margin:0 auto;
    padding:0 0px;
    height: 58px;
    line-height:initial;
    background: #fff;
    // box-sizing: border-box;
    border-bottom: 2px solid #FF8C25;
    .voucher-header_field{
        float: left;
        display:block;
    }
    .voucher-header_inputField{

    }
    .voucher-header_introField{
        height: 100%;
        .ant-avatar{
            display: block;
            float: left;
            height: 32px;
            width:32px;
            svg{
                height: 24px;
                width:24px;
            }
        }
        >div{
            float: left;
        }
        .voucher-header_introField_detail{
            margin-left:8px;
            line-height: 16px;
        }
        padding:16px
    }
}
.voucher-body{
    .voucher-table{
        background: #FFFFFF;
        //组件基础样式应当由组件控制。
        // .u-table-placeholder{
        //     // height:400px;
        //     background:transparent!important;
        // }
         .u-table-header{
             //padding-bottom:0 !important;;
             margin-bottom:0 !important;;
         }
        // .u-table-body{
        //     // height:400px;
        //     background: transparent!important;
        // }
    }
    .voucher-RetailDetails{
        height: 90px;
        position: absolute;
        bottom: 0;
        .openBtn {
            position: absolute;
            top: -18px;
            left: 184px;
            display: flex;
            width: 58px;
            justify-content: center;
            align-items: center;
            height: 18px;
            background: #F4F4F4;
            cursor: pointer;
            .iconBtn {
                margin-left: 5px;
                font-size: 6px !important;
                color: #999;
            }
        }
        .voucher-RetailDetails-content{
            -webkit-overflow-scrolling:touch ;
            width:100%;
            margin-top:5px;
            height: 85px;
            overflow: auto;
            box-shadow: 0px -5px 5px #E6E6EB;
            position: relative;
            background: #F4F4F4;
        }
        .open{
            height: 300px;
        }
        .u-title{
            margin-bottom: 6px;
        }
        .left{
            display: inline-block;
            color: #000;
            font-weight: bold;
            margin-left: 15px;
            font-size: 16px;
        }
        .left2{
            display: inline-block;
            margin-left: 15px;
            font-size: 14px;
        }
        width:100%;
        background-color: #f4f4f4;
        .u-row{
            margin:0;
        }
        .col{
            overflow: hidden;
            display: block;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 14px;
            line-height:  24px;
            .title{
                margin-right: 8px;
            }
        }
    }

    .open{
        height: 300px;
    }

    td{
        border:none!important;
    }

}

.footer-btn-common{
    background: white!important;
    border: 1px solid #FF8C25;
    border-radius: 4px;
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    color: #FF8C25;
    line-height: 22px;
    height: 40px;
    width:82px!important;
    padding-left: 0;
    padding-right: 0;
}
.voucher-footer{
    padding: 0px 0px;
    // margin-left: 15px;
    height: 60px;
    background-color: #fff;
    border-top: solid 1px #ddd;
    box-shadow: none;
    .btn-container{
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 27px;
        background: #FFFFFF;
        // box-shadow: 0 -2px 9px 0 rgba(0,0,0,0.10);
        .action-btn{
            .footer-btn-common;
        }
        // .action-btn:hover{
        //     background-color: #dfe1e6!important;
        //     border-color: #eee!important;
        // }

        .hide-dom-tokey-container{
            height: 0;
            width: 0;
            overflow: hidden;
        }
    }

}
#leftBottom[role=tooltip]{
    transform:translateX(12px);
    border:none;
    width:400px !important;
    .tooltip-inner {
        max-width: 400px;
        width: 400px;
        padding: 0px 0px;
        border:none!important;
    }
}
.arrow{
    bottom:-10px!important;
}
.arrow:after{
    bottom:0px!important;
}
.moreButtonPopover {

    .tooltip-arrow{
        right: 60px !important;
    }

    .u-popover-content {
        padding: 0 0 !important;

        .overlayWrapped {
            width           : 398px;
            z-index         : 800;
            background-color: #fff;
            display         : flex;
            flex-wrap       : wrap;
            align-items     : center;
            justify-content : space-between;
            padding         : 12px 12px 0px 12px;
            background      : #FFFFFF;
            border-radius   : 4px;
            box-shadow      : 0 2px 8px 0 #666;

            .action-btn {
                .footer-btn-common;
                border       : 1px solid #999999;
                border-radius: 4px;
                color        : #333333;
            }
        }
    }
}