index.less 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. @import "~@less/variables.less";
  2. .medType {
  3. display: inline-block;
  4. width: 110px;
  5. border: 1px solid #aaa;
  6. border-radius: 3px;
  7. position: relative;
  8. margin-right: 10px;
  9. .down {
  10. width: 8px;
  11. height: 5px;
  12. position: absolute;
  13. cursor: pointer;
  14. top: 8px;
  15. right: 5px;
  16. }
  17. .up {
  18. width: 8px;
  19. height: 5px;
  20. position: absolute;
  21. cursor: pointer;
  22. top: 8px;
  23. right: 5px;
  24. transform: rotate(180deg);
  25. }
  26. .clear {
  27. display: none;
  28. width: 12px;
  29. height: 12px;
  30. position: absolute;
  31. cursor: pointer;
  32. top: 5px;
  33. right: 4px;
  34. }
  35. &:hover .clear {
  36. display: inline-block;
  37. }
  38. .selectLis {
  39. position: absolute;
  40. top: 24px;
  41. background: #fff;
  42. width: 100%;
  43. max-height: 110px;
  44. box-shadow: 0 10px 20px 0 #989da3;
  45. z-index: 9;
  46. overflow: auto;
  47. li {
  48. height: 35 px;
  49. line-height: 35px;
  50. padding: 0 8px;
  51. cursor: pointer;
  52. white-space: nowrap;
  53. overflow: hidden;
  54. text-overflow: ellipsis;
  55. }
  56. li:hover {
  57. background: #e2f1f8;
  58. }
  59. }
  60. }
  61. .inpSearch {
  62. width: 100%;
  63. padding-left: 5px;
  64. }