@ttk/component
Version:
ttk组件库
312 lines (311 loc) • 8.12 kB
CSS
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.mk-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-search .mk-normal-search {
padding-bottom: 9px;
padding-left: 10px;
padding-right: 10px;
}
.mk-search .mk-normal-search .mk-input {
width: 225px;
height: 30px;
margin-right: 8px;
}
.mk-search .mk-normal-search .mk-input input {
font-size: 13px;
height: 30px;
}
.mk-search .mk-normal-search .mk-span {
height: 30px;
}
.mk-search .mk-normal-search h2 {
font-size: 14px;
padding: 8px 0;
}
.mk-search .mk-normal-search .mk-span {
margin-right: 8px;
line-height: 1.1;
height: 30px;
}
.mk-search .mk-normal-search .searchBtn {
font-size: 13px;
line-height: 1.1;
}
.mk-search .mk-normal-search .mk-title-otherBtn {
line-height: 30px;
display: flex;
}
.mk-search .mk-normal-search .mk-title-otherBtn .mk-checkbox {
line-height: 30px;
}
.mk-search .mk-normal-search .mk-rangePicker {
width: 119px;
margin-right: 6px;
}
.mk-search .mk-normal-search .mk-rangePicker .ant-input {
padding: 4px 2px;
height: 30px;
line-height: 1.1;
}
.mk-search .mk-normal-search .mk-rangePicker .ant-input input {
font-size: 13px;
}
.mk-search .mk-normal-search .mk-rangePicker:hover .ant-calendar-picker-input:not(.ant-input-disabled) + .ant-calendar-picker-icon:after {
color: #0066B3;
}
.mk-search .edficon {
width: 30px;
height: 30px;
font-size: 28px;
border-radius: 5px;
border: 1px solid #D9D9D9;
cursor: pointer;
}
.mk-search .edficon-shuaxin,
.mk-search .edficon-dayin {
color: #45ACF7;
}
.mk-search .edficon-shuaxin:hover {
border-color: #45ACF7;
}
.mk-search .edficon-dayin:hover {
border-color: #45ACF7;
}
.mk-search .edficon-daochu {
color: #00B38A;
}
.mk-search .edficon-daochu:hover {
border-color: #00B38A;
}
.mk-search .edficon-daoru:hover {
border-color: #FFC000;
}
.mk-search .ant-select {
width: 100%;
}
.mk-search .mk-search-high-search {
padding: 5px;
top: -800px;
left: 0;
/*transition: 0.3s;*/
overflow: hidden;
background: #fff;
border: 1px solid #D9D9D9;
/*
.@{ant-prefix}-input{
border: 1px solid #949393;
}
.@{ant-prefix}-select-selection--single{
border: 1px solid #949393;
}
.@{ant-prefix}-input-number{
border: 1px solid #949393;
}*/
}
.mk-search .mk-search-high-search h2 {
width: 100%;
float: left;
font-size: 14px;
height: 30px;
line-height: 30px;
color: #454545;
margin: 0;
}
.mk-search .mk-search-high-search h2 div {
width: 9%;
text-indent: 8px;
}
.mk-search .mk-search-high-search .search-form-contaienr {
width: 100%;
float: left;
font-size: 13px ;
overflow: auto;
padding-right: 12px;
}
.mk-search .mk-search-high-search .search-form-contaienr .ant-select-selection-selected-value {
font-size: 13px ;
}
.mk-search .mk-search-high-search form {
font-size: 13px;
width: 100%;
height: auto;
overflow: hidden;
float: left;
}
.mk-search .mk-search-high-search .ant-form-item {
display: flex;
margin: 0 0 10px 0;
}
.mk-search .mk-search-high-search .ant-form-item .ant-select-selection__clear {
right: 22px;
}
.mk-search .mk-search-high-search .ant-form-item .ant-form-item-label {
width: 15%;
text-align: right;
line-height: 38px;
color: rgba(0, 0, 0, 0.65);
}
.mk-search .mk-search-high-search .ant-form-item .ant-form-item-label label {
padding-right: 8px;
font-size: 13px;
}
.mk-search .mk-search-high-search .ant-form-item .ant-form-item-label label:after {
display: none;
color: #454545;
}
.mk-search .mk-search-high-search .ant-form-item .ant-form-item-control-wrapper {
width: 85%;
margin-left: 1px ;
}
.mk-search .mk-search-high-search .ant-form-item .ant-form-item-control-wrapper .ant-form-item-control .ant-form-item-children .ant-calendar-picker .ant-calendar-picker-input {
height: 30px ;
}
.mk-search .mk-search-high-search .ant-form-item .ant-form-item-control-wrapper .ant-form-item-control .ant-form-item-children .ant-select-allow-clear {
left: -0.5px;
}
.mk-search .mk-search-high-search .ant-form-item .ant-form-item-control-wrapper .ant-form-item-control .ant-form-item-children .ant-select-enabled {
left: -0.5px;
}
.mk-search .mk-search-high-search .ant-form-item .ant-form-item-control-wrapper .ant-calendar-picker-input {
font-size: 13px;
}
.mk-search .mk-search-high-search .ant-form-item .ant-form-item-control-wrapper span {
font-size: 13px ;
}
.mk-search .mk-search-high-search .ant-form-item .ant-select-selection-selected-value {
padding-right: 0px ;
margin-right: 20px;
}
.mk-search .mk-search-high-search .select_proofFlag {
width: 51%;
position: relative;
}
.mk-search .mk-search-high-search .select_proofFlag .ant-row {
width: 100%;
max-width: 100%;
}
.mk-search .mk-search-high-search .select_assetFlag {
width: 100%;
display: block;
margin-left: -110px;
}
.mk-search .mk-search-high-search .select_assetFlag .ant-row {
width: 100%;
max-width: 100%;
}
.mk-search .mk-search-high-search .select_range {
width: 50%;
float: left;
display: flex;
line-height: 40px;
}
.mk-search .mk-search-high-search .select_range .select_range_content {
padding: 0 7px 0 8px ;
}
.mk-search .mk-search-high-search .select_range .select_range_label {
width: 18%;
text-align: right;
color: #454545;
padding-right: 8px;
box-sizing: border-box;
}
.mk-search .mk-search-high-search .select_range .ant-form-item-control-wrapper {
width: 100%;
}
.mk-search .mk-search-high-search .select_range .ant-form-item-control-wrapper .ant-calendar-picker {
width: 100%;
}
.mk-search .mk-search-high-search .select_range .ant-form-item-control-wrapper .ant-input-number {
width: 100%;
}
.mk-search .mk-search-high-search .select_range .select_range_content {
padding: 0 4px;
}
.mk-search .mk-search-high-search .mk-search-high-search-bottomBtn {
width: 100%;
float: left;
padding: 10px 7px 7px 0;
text-align: right;
height: 48px;
}
.mk-search .mk-search-high-search .mk-search-high-search-bottomBtn .mk-btn {
padding: 0 18px;
/*height: 33px;
line-height: 31px;*/
font-size: 13px;
float: right;
}
.mk-search .mk-search-high-search .mk_search_row {
display: flex;
margin-bottom: 6px;
}
.mk-search .mk-search-high-search .ant-row {
width: 51%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 50%;
}
.mk-search .ant-btn {
margin-left: 8px;
}
.mk-search .FormList {
width: 100%;
height: auto;
box-sizing: border-box;
padding: 6px 8px;
overflow: hidden;
}
.mk-search .FormList .item-list {
width: 100%;
height: auto;
overflow: hidden;
margin-bottom: 10px;
}
.mk-search .FormList .item-list .item-list-top {
width: 100%;
height: 20px;
line-height: 20px;
display: flex;
}
.mk-search .FormList .item-list .item-list-top .item-list-top-title {
padding-right: 20px;
}
.mk-search .FormList .item-list .item-list-top .item-list-top-line-container {
flex: 1;
cursor: pointer;
}
.mk-search .FormList .item-list .item-list-top .item-list-top-line-container .item-list-top-line {
width: 100%;
border-top: 1px dashed #aaa;
position: relative;
top: 10px;
}
.mk-search .FormList .item-list .item-list-top .item-list-top-line-action {
padding-left: 20px;
}
.mk-search .FormList .item-list .item-list-top .item-list-top-line-action > span {
margin: 0 5px;
cursor: pointer;
}
.mk-search .FormList .item-list .item-list-top .item-list-top-line-action > span:hover {
color: #0066B3;
}
.mk-search .FormList .item-list .item-list-bottom {
width: 100%;
height: auto;
overflow: hidden;
margin: 15px 0 0 0;
padding-left: 25px;
padding-right: 90px;
}