@ttk/component
Version:
ttk组件库
335 lines (323 loc) • 9.45 kB
text/less
@import '../../assets/theme/index';
@iconBorder: 1px solid #D9D9D9;
@iconDayin: #45ACF7;
@iconDaochu: #00B38A;
@iconDaoru: #FFC000;
.@{mk-prefix}-search{
font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;
color: #333;
width: 100%;
padding-top: 10px;
background: #fff;
border: 1px solid #d9d9d9;
border-bottom: none;
.@{mk-prefix}-normal-search{
padding-bottom: 9px;
padding-left: 10px;
padding-right: 10px;
.@{mk-prefix}-input{
width: 225px;
height: 30px;
margin-right: 8px;
input{
font-size: 13px;
height: 30px;
}
}
.@{mk-prefix}-span{
height: 30px;
}
h2{
font-size: 14px;
padding: 8px 0;
}
.@{mk-prefix}-span{
margin-right: 8px;
line-height: 1.1;
height: 30px;
}
.searchBtn{
font-size: 13px;
line-height: 1.1;
}
.@{mk-prefix}-title-otherBtn{
line-height: 30px;
display: flex;
.@{mk-prefix}-checkbox{
line-height: 30px;
}
}
.@{mk-prefix}-rangePicker{
width: 119px;
margin-right: 6px;
.@{ant-prefix}-input{
padding: 4px 2px;
height: 30px;
line-height: 1.1;
input{
font-size: 13px;
}
}
}
.@{mk-prefix}-rangePicker:hover{
.@{ant-prefix}-calendar-picker-input:not(.@{ant-prefix}-input-disabled)+.@{ant-prefix}-calendar-picker-icon:after{
color: @primary-color;
}
}
}
.edficon{
width: 30px;
height: 30px;
font-size: 28px;
border-radius: 5px;
border: @iconBorder;
cursor: pointer;
}
.edficon-shuaxin, .edficon-dayin{
color: @iconDayin;
}
.edficon-shuaxin:hover{
border-color: @iconDayin
}
.edficon-dayin:hover{
border-color: @iconDayin
}
.edficon-daochu{
color: @iconDaochu;
}
.edficon-daochu:hover{
border-color: @iconDaochu
}
.edficon-daoru:hover{
border-color: @iconDaoru
}
.@{ant-prefix}-select{
width: 100%;
}
.@{mk-prefix}-search-high-search{
padding: 5px;
// position: absolute;
// // display: flex;
// flex-direction: column;
top: -800px;
left: 0;
/*transition: 0.3s;*/
overflow: hidden;
background: #fff;
border: 1px solid #D9D9D9;
h2{
width: 100%;
float: left;
font-size: 14px;
height: 30px;
line-height: 30px;
color: #454545;
margin: 0;
div{
width: 9%;
text-indent: 8px;
}
}
.search-form-contaienr{
width: 100%;
float: left;
font-size: 13px ;
overflow: auto;
padding-right: 12px;
.@{ant-prefix}-select-selection-selected-value {
font-size: 13px ;
}
}
form{
font-size: 13px;
// flex: 1;
width: 100%;
height: auto;
overflow: hidden;
float: left;
}
/*
.@{ant-prefix}-input{
border: 1px solid #949393;
}
.@{ant-prefix}-select-selection--single{
border: 1px solid #949393;
}
.@{ant-prefix}-input-number{
border: 1px solid #949393;
}*/
.@{ant-prefix}-form-item{
display: flex;
margin: 0 0 10px 0;
.@{ant-prefix}-select-selection__clear{
right: 22px;
}
.@{ant-prefix}-form-item-label{
width: 15%;
text-align: right;
line-height: 38px;
color: rgba(0, 0, 0, 0.65);
label{
padding-right: 8px;
font-size: 13px;
}
label:after{
display: none;
color: #454545;
}
}
.@{ant-prefix}-form-item-control-wrapper{
width: 85%;
margin-left: 1px ;
.@{ant-prefix}-form-item-control {
.@{ant-prefix}-form-item-children {
.@{ant-prefix}-calendar-picker {
.@{ant-prefix}-calendar-picker-input {
height: 30px ;
}
}
.@{ant-prefix}-select-allow-clear {
left: -0.5px;
}
.@{ant-prefix}-select-enabled {
left: -0.5px;
}
}
}
.@{ant-prefix}-calendar-picker-input {
font-size: 13px;
}
span {
font-size: 13px ;
}
}
.@{ant-prefix}-select-selection-selected-value{
padding-right: 0px ;
margin-right: 20px;
}
}
.select_proofFlag{
width: 51%;
position: relative;
.@{ant-prefix}-row{
width: 100%;
max-width: 100%;
}
}
.select_assetFlag{
width: 100%;
display: block;
margin-left: -110px;
.@{ant-prefix}-row{
width: 100%;
max-width: 100%;
}
}
.select_range{
width: 50%;
float: left;
display: flex;
line-height:40px;
.select_range_content{
padding: 0 7px 0 8px ;
}
.select_range_label{
width: 18%;
text-align: right;
color: #454545;
padding-right: 8px;
box-sizing: border-box;
}
.@{ant-prefix}-form-item-control-wrapper{
width: 100%;
.@{ant-prefix}-calendar-picker{
width: 100%;
}
.@{ant-prefix}-input-number{
width: 100%;
}
}
.select_range_content{
padding: 0 4px;
}
}
.@{mk-prefix}-search-high-search-bottomBtn{
width: 100%;
float: left;
padding: 10px 7px 7px 0;
text-align: right;
height: 48px;
.@{mk-prefix}-btn{
padding: 0 18px;
/*height: 33px;
line-height: 31px;*/
font-size: 13px;
float: right;
}
}
.mk_search_row{
display: flex;
margin-bottom: 6px;
}
.@{ant-prefix}-row{
width: 51%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 50%;
}
}
.@{ant-prefix}-btn{
margin-left: 8px;
}
.FormList{
width: 100%;
height: auto;
box-sizing: border-box;
padding: 6px 8px;
overflow: hidden;
.item-list{
width: 100%;
height: auto;
overflow: hidden;
margin-bottom: 10px;
.item-list-top{
width: 100%;
height: 20px;
line-height: 20px;
display: flex;
.item-list-top-title{
padding-right: 20px;
}
.item-list-top-line-container{
flex: 1;
cursor: pointer;
.item-list-top-line{
width: 100%;
border-top: 1px dashed #aaa;
position: relative;
top: 10px;
}
}
.item-list-top-line-action{
padding-left: 20px;
&>span{
margin: 0 5px;
cursor: pointer;
&:hover{
color: @link-color;
}
}
}
}
.item-list-bottom{
width: 100%;
height: auto;
overflow: hidden;
margin: 15px 0 0 0;
padding-left: 25px;
padding-right: 90px;
}
}
}
}