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: 1px solid #000; border-radius: 15px; cursor: pointer; &:hover { background-color: #000; color: #fff; } } // element公共样式 .el-dialog { border-radius: 30px !important; } // :deep(.el-input__wrapper.is-focus) { // box-shadow: 0 0 0 1px #000 !important; // } //#region 滚动条样式 /* 定义滚动条的样式 */ ::-webkit-scrollbar { width: 8px; /* 滚动条宽度 */ // background-color: #f5f5f5; /* 滚动条背景色 */ } /* 定义滚动条轨道的样式 */ ::-webkit-scrollbar-track { // background-color: #f5f5f5; /* 滚动条轨道背景色 */ } /* 定义滚动条滑块的样式 */ ::-webkit-scrollbar-thumb { background-color: #888; /* 滚动条滑块颜色 */ border-radius: 4px; /* 滚动条滑块圆角 */ } /* 定义滚动条滑块悬停时的样式 */ ::-webkit-scrollbar-thumb:hover { background-color: #555; /* 滚动条滑块悬停时的颜色 */ } //#endregion ---------------------------- //#region div内图片居中公共样式 .boxCentreImg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } //#endregion ---------------------------- //#region //#endregion ----------------------------