|
- 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 ----------------------------
|