|
- body {
- font-family: Arial, Microsoft YaHei, 黑体, 宋体, sans-serif;
- // font-size: 14px;
- }
-
- .inmiddle {
- position: absolute;
- // top: 50%;
- left: 50%;
- transform: translateX(-50%);
- // transform: translate(-50%, -50%);
- }
-
- div {
- cursor: default;
- }
-
- // 鼠标放上去变小手
- .pointer {
- cursor: pointer;
- }
-
- .myBtn {
- padding: 5px 10px;
- text-align: center;
- border: 1px solid #000;
- border-radius: 5px;
- }
-
- p {
- margin: 0;
- }
-
- // y轴滚动盒子auto
- .scrolly {
- overflow-y: auto;
- /* 启用Y轴滚动 */
- // overflow-y: scroll; /* 启用Y轴滚动 */
- scrollbar-width: thin;
- /* 在支持的浏览器上显示细的滚动条 */
- }
-
- .scrolly::-webkit-scrollbar {
- display: none;
- width: 0;
- }
-
- // 主题色
- .themeColor {
- background: linear-gradient(225deg,
- rgb(81 217 202 / 100%),
- rgb(114 100 245 / 100%));
- }
-
- // 自定义按钮
- .customBtn {
- padding: 10px 15px;
- text-align: center;
- background-color: #fff;
- color: #000;
- transition: all .3s;
- border-radius: 15px;
- cursor: pointer;
-
- &:hover {
- background-color: #000;
- color: #fff;
- }
- }
-
- // element公共样式
- .el-dialog {
- border-radius: 30px !important;
- }
-
- .imgInCenter {
- position: absolute;
- top: 50%;
- left: 50%;
- width: 100%;
- height: 100%;
- transform: translate(-50%, -50%);
- // z-index: -1;
-
- img {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- max-width: 80%;
- max-height: 80%;
- }
- }
-
- // :deep(.el-input__wrapper.is-focus) {
- // box-shadow: 0 0 0 1px #000 !important;
- // }
|