index.less 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. .cascaders {
  2. box-sizing: border-box;
  3. display: inline-block;
  4. position: relative;
  5. }
  6. .cinput {
  7. cursor: pointer;
  8. margin-right: 10px;
  9. position: relative;
  10. display: inline-block;
  11. padding: 4px 7px;
  12. font-size: 12px;
  13. line-height: 1.5;
  14. color: rgba(0, 0, 0, 0.65);
  15. background-color: #fff;
  16. background-image: none;
  17. border: 1px solid #d9d9d9;
  18. border-radius: 4px;
  19. transition: all .3s;
  20. }
  21. .cinput:hover {
  22. border-color: #80b9ff;
  23. }
  24. .cpop {
  25. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  26. margin-bottom: 0;
  27. padding-left: 0;
  28. list-style: none;
  29. background-color: #fff;
  30. box-shadow: 0 1px 6px #d9d9d9;
  31. border-radius: 4px;
  32. box-sizing: border-box;
  33. position: fixed;
  34. z-index: 1050;
  35. outline: none;
  36. overflow: hidden;
  37. }
  38. .clist {
  39. max-height: 240px;
  40. overflow: auto;
  41. }
  42. .item {
  43. display: flex;
  44. flex-direction: row;
  45. flex-wrap: nowrap;
  46. align-items: center;
  47. }
  48. .iname {
  49. width: 84%;
  50. margin-left: 8px;
  51. font-size: 12px;
  52. white-space: nowrap;
  53. overflow: hidden;
  54. text-overflow: ellipsis;
  55. }
  56. .cboot {
  57. margin: 10px 0;
  58. padding: 0 10px;
  59. display: flex;
  60. flex-direction: row-reverse;
  61. }