12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364 |
- @import "~@less/variables.less";
- .medType {
- display: inline-block;
- width: 110px;
- border: 1px solid #aaa;
- border-radius: 3px;
- position: relative;
- margin-right: 10px;
- .down {
- width: 8px;
- height: 5px;
- position: absolute;
- cursor: pointer;
- top: 8px;
- right: 5px;
- }
- .up {
- width: 8px;
- height: 5px;
- position: absolute;
- cursor: pointer;
- top: 8px;
- right: 5px;
- transform: rotate(180deg);
- }
- .clear {
- display: none;
- width: 12px;
- height: 12px;
- position: absolute;
- cursor: pointer;
- top: 5px;
- right: 4px;
- }
- &:hover .clear {
- display: inline-block;
- }
- .selectLis {
- position: absolute;
- top: 24px;
- background: #fff;
- width: 100%;
- max-height: 110px;
- box-shadow: 0 10px 20px 0 #989da3;
- z-index: 9;
- overflow: auto;
- li {
- height: 35 px;
- line-height: 35px;
- padding: 0 8px;
- cursor: pointer;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- }
- li:hover {
- background: #e2f1f8;
- }
- }
- }
- .inpSearch {
- width: 100%;
- padding-left: 5px;
- }
|