From 1d0f10ddcaaae803da629f66ceab12ccebd92f56 Mon Sep 17 00:00:00 2001 From: aixianling Date: Thu, 12 Jan 2023 11:11:01 +0800 Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E8=8B=A5=E5=B9=B2sass?= =?UTF-8?q?=E5=B8=B8=E7=94=A8=E5=9C=BA=E6=99=AF=E6=A0=B7=E5=BC=8F:?= =?UTF-8?q?=E5=86=85=E5=A4=96=E8=BE=B9=E8=B7=9D,=E5=90=B8=E9=A1=B6,?= =?UTF-8?q?=E6=82=AC=E6=B5=AE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ui/lib/styles/common.scss | 28 ++++++++++++++++++++++++++-- 1 file changed, 26 insertions(+), 2 deletions(-) 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%; + } } }