邃芒慧影、口播(PC) https://neuver.metavatar.cc/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

124 line
2.1 KiB

  1. body {
  2. font-family: Arial, Microsoft YaHei, 黑体, 宋体, sans-serif;
  3. font-size: 14px;
  4. }
  5. .inmiddle {
  6. position: absolute;
  7. // top: 50%;
  8. left: 50%;
  9. transform: translateX(-50%);
  10. // transform: translate(-50%, -50%);
  11. }
  12. div {
  13. cursor: default;
  14. }
  15. // 鼠标放上去变小手
  16. .pointer {
  17. cursor: pointer;
  18. }
  19. .myBtn {
  20. padding: 5px 10px;
  21. text-align: center;
  22. border: 1px solid #000;
  23. border-radius: 5px;
  24. }
  25. p {
  26. margin: 0;
  27. }
  28. // y轴滚动盒子auto
  29. .scrolly {
  30. overflow-y: auto;
  31. /* 启用Y轴滚动 */
  32. // overflow-y: scroll; /* 启用Y轴滚动 */
  33. scrollbar-width: thin;
  34. /* 在支持的浏览器上显示细的滚动条 */
  35. }
  36. .scrolly::-webkit-scrollbar {
  37. display: none;
  38. width: 0;
  39. }
  40. // 主题色
  41. .themeColor {
  42. background: linear-gradient(225deg,
  43. rgb(81 217 202 / 100%),
  44. rgb(114 100 245 / 100%));
  45. }
  46. // 自定义按钮
  47. .customBtn {
  48. padding: 10px 15px;
  49. text-align: center;
  50. background-color: #fff;
  51. color: #000;
  52. transition: all .3s;
  53. border: 1px solid #000;
  54. border-radius: 15px;
  55. cursor: pointer;
  56. &:hover {
  57. background-color: #000;
  58. color: #fff;
  59. }
  60. }
  61. // element公共样式
  62. .el-dialog {
  63. border-radius: 30px !important;
  64. }
  65. // :deep(.el-input__wrapper.is-focus) {
  66. // box-shadow: 0 0 0 1px #000 !important;
  67. // }
  68. //#region 滚动条样式
  69. /* 定义滚动条的样式 */
  70. ::-webkit-scrollbar {
  71. width: 8px;
  72. /* 滚动条宽度 */
  73. // background-color: #f5f5f5;
  74. /* 滚动条背景色 */
  75. }
  76. /* 定义滚动条轨道的样式 */
  77. ::-webkit-scrollbar-track {
  78. // background-color: #f5f5f5;
  79. /* 滚动条轨道背景色 */
  80. }
  81. /* 定义滚动条滑块的样式 */
  82. ::-webkit-scrollbar-thumb {
  83. background-color: #888;
  84. /* 滚动条滑块颜色 */
  85. border-radius: 4px;
  86. /* 滚动条滑块圆角 */
  87. }
  88. /* 定义滚动条滑块悬停时的样式 */
  89. ::-webkit-scrollbar-thumb:hover {
  90. background-color: #555;
  91. /* 滚动条滑块悬停时的颜色 */
  92. }
  93. //#endregion ----------------------------
  94. //#region div内图片居中公共样式
  95. .boxCentreImg {
  96. position: absolute;
  97. top: 50%;
  98. left: 50%;
  99. transform: translate(-50%, -50%);
  100. }
  101. //#endregion ----------------------------
  102. //#region
  103. //#endregion ----------------------------