diff --git a/ui/lib/styles/common.scss b/ui/lib/styles/common.scss index 29833572..358a26bf 100644 --- a/ui/lib/styles/common.scss +++ b/ui/lib/styles/common.scss @@ -18,12 +18,36 @@ $--font-path: '~element-ui/lib/theme-chalk/fonts'; 常用内外边距样式 */ @each $padMar, $pm in (mar:margin, pad:padding) { - @each $pos, $p in (l:left, r:right, t:top, b:bottom) { - @each $v in (8, 10, 16, 20, 32, 48, 60) { + @each $v in (8, 10, 16, 20, 32, 48, 56, 64, 80) { + @each $pos, $p in (l:left, r:right, t:top, b:bottom) { .#{$padMar}-#{$pos+$v} { #{$pm}-#{$p}: #{$v}px } } + .#{$padMar}-#{$v} { + #{$pm}: #{$v}px + } + //纵向 + .#{$padMar}-v#{$v} { + #{$pm}-top: #{$v}px; + #{$pm}-bottom: #{$v}px; + } + //横向 + .#{$padMar}-h#{$v} { + #{$pm}-left: #{$v}px; + #{$pm}-right: #{$v}px; + } + } +} + +@each $where in (sticky, fixed) { + @each $pos, $p in (l:left, r:right, t:top, b:bottom) { + .#{$where}-#{$pos} { + position: fixed; + #{$p}: 0; + z-index: 202301031019; + width: 100%; + } } }