app.less 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. @import "base/style.less";
  2. @import "base/mixin.less";
  3. html,
  4. body {
  5. min-height: 100vh;
  6. background-color: @backgroundColor;
  7. margin: 0;
  8. display: flex;
  9. .ms-font(@defalutSize, @defalutColor) !important; //默认字体样式
  10. * {
  11. text-decoration: none !important;
  12. font-family: Verdana, Arial, Helvetica, sans-serif;
  13. box-sizing: border-box;
  14. }
  15. }
  16. @headHeight: 50px;
  17. //超文本隐藏
  18. .ms-ellipsis {
  19. overflow: hidden;
  20. text-overflow: ellipsis;
  21. white-space: nowrap;
  22. display: block;
  23. }
  24. //垂直居中
  25. .ms-align-center {
  26. display: flex;
  27. align-items: center;
  28. }
  29. //修改描述字体颜色
  30. input::-webkit-input-placeholder,
  31. textarea::-webkit-input-placeholder {
  32. .ms-font(@auxiliarySize, @auxiliaryColor);
  33. resize: none;
  34. }
  35. //设置滚动条样式
  36. *::-webkit-scrollbar {
  37. .ms-width-height(8px);
  38. }
  39. /*定义滚动条轨道 内阴影+圆角*/
  40. *::-webkit-scrollbar-track {
  41. border-radius: 10px;
  42. /*滚动条的背景区域的圆角*/
  43. background-color: @backgroundColor;
  44. /*滚动条的背景颜色*/
  45. }
  46. /*定义滑块 内阴影+圆角*/
  47. *::-webkit-scrollbar-thumb {
  48. border-radius: 10px;
  49. /*滚动条的圆角*/
  50. background-color: @borderColor;
  51. /*滚动条的背景颜色*/
  52. }
  53. .ms-container {
  54. margin: 12px;
  55. height: 100%;
  56. padding: 14px 14px 0 14px;
  57. background: #fff;
  58. }
  59. .ms-header {
  60. padding: 10px;
  61. margin: 0;
  62. border-bottom: 1px solid #ddd;
  63. background: #fff;
  64. height: 50px
  65. }
  66. .ms-pagination {
  67. padding: 20px 0;
  68. text-align: right;
  69. }
  70. .ms-fr {
  71. float: right;
  72. }
  73. .ms-tr {
  74. text-align: right;
  75. }
  76. .el-button+.el-button {
  77. margin-left: 0
  78. }