邃芒慧语、照片说话(PC) https://photo.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.
 
 
 
 
 

97 lines
1.5 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-radius: 15px;
  54. cursor: pointer;
  55. &:hover {
  56. background-color: #000;
  57. color: #fff;
  58. }
  59. }
  60. // element公共样式
  61. .el-dialog {
  62. border-radius: 30px !important;
  63. }
  64. .imgInCenter {
  65. position: absolute;
  66. top: 50%;
  67. left: 50%;
  68. width: 100%;
  69. height: 100%;
  70. transform: translate(-50%, -50%);
  71. // z-index: -1;
  72. img {
  73. position: absolute;
  74. top: 50%;
  75. left: 50%;
  76. transform: translate(-50%, -50%);
  77. max-width: 80%;
  78. max-height: 80%;
  79. }
  80. }
  81. // :deep(.el-input__wrapper.is-focus) {
  82. // box-shadow: 0 0 0 1px #000 !important;
  83. // }