index.less 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  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. .clear{
  18. display: none;
  19. width: 12px;
  20. height: 12px;
  21. position: absolute;
  22. cursor: pointer;
  23. top: 5px;
  24. right: -10px;
  25. }
  26. &:hover .clear{
  27. display: inline-block;
  28. }
  29. .selectLis{
  30. position: absolute;
  31. top:24px;
  32. background: #fff;
  33. width: 100%;
  34. max-height: 110px;
  35. box-shadow: 0 10px 20px 0 #989da3;
  36. z-index: 9;
  37. overflow: auto;
  38. li{
  39. height: 35 px;
  40. line-height: 35px;
  41. padding: 0 8px;
  42. cursor: pointer;
  43. white-space:nowrap;
  44. overflow:hidden;
  45. text-overflow:ellipsis;
  46. }
  47. li:hover{
  48. background: #E2F1F8;
  49. }
  50. }
  51. }
  52. .inpSearch{
  53. width: 105px;
  54. padding-left: 5px;
  55. white-space: nowrap;
  56. overflow: hidden;
  57. text-overflow: ellipsis;
  58. }