mirror of
https://github.com/fantastic-admin/basic.git
synced 2026-10-07 16:28:49 +08:00
85 lines
1.8 KiB
SCSS
85 lines
1.8 KiB
SCSS
@use "./themes.scss";
|
|
@use "./element-plus/index.scss";
|
|
|
|
// 全局变量
|
|
:root {
|
|
// 头部宽度（默认自适应宽度，可固定宽度，固定宽度后为居中显示）
|
|
--g-header-width: 100%;
|
|
// 头部高度
|
|
--g-header-height: 70px;
|
|
// 侧边栏宽度
|
|
--g-main-sidebar-width: 70px;
|
|
--g-sub-sidebar-width: 220px;
|
|
// 侧边栏Logo高度
|
|
--g-sidebar-logo-height: 50px;
|
|
// 顶栏高度
|
|
--g-topbar-height: 50px;
|
|
}
|
|
// 全局样式
|
|
::-webkit-scrollbar {
|
|
width: 12px;
|
|
height: 12px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background-color: rgb(0 0 0 / 40%);
|
|
background-clip: padding-box;
|
|
border: 3px solid transparent;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background-color: rgb(0 0 0 / 50%);
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background-color: transparent;
|
|
}
|
|
|
|
html,
|
|
body {
|
|
height: 100%;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
box-sizing: border-box;
|
|
font-family: Lato, "PingFang SC", "Microsoft YaHei", sans-serif;
|
|
-webkit-tap-highlight-color: transparent;
|
|
|
|
&.hidden {
|
|
overflow: hidden;
|
|
}
|
|
}
|
|
|
|
* {
|
|
box-sizing: inherit;
|
|
}
|
|
// 右侧内容区针对fixed元素，有横向铺满的需求，可在fixed元素上设置 [data-fixed-calc-width]
|
|
[data-fixed-calc-width] {
|
|
position: fixed;
|
|
left: 50%;
|
|
right: 0;
|
|
width: calc(100% - var(--g-main-sidebar-actual-width) - var(--g-sub-sidebar-actual-width));
|
|
transform: translateX(-50%) translateX(calc(var(--g-main-sidebar-actual-width) / 2)) translateX(calc(var(--g-sub-sidebar-actual-width) / 2));
|
|
}
|
|
|
|
[data-mode="mobile"] {
|
|
[data-fixed-calc-width] {
|
|
width: 100% !important;
|
|
transform: translateX(-50%) !important;
|
|
}
|
|
}
|
|
// textarea 字体跟随系统
|
|
textarea {
|
|
font-family: inherit;
|
|
}
|
|
// 列表页全局样式
|
|
.el-table.list-table {
|
|
margin: 20px 0;
|
|
|
|
.el-button + .el-dropdown {
|
|
margin-left: 10px;
|
|
}
|
|
}
|