1. 编写评估任务模块中

riku

2024-01-09 023ea35893ed047887a43555509335eec7a8b161

 src/styles/element/base.scss

@@ -51,25 +51,42 @@
  background-color: aqua;
}

//
.p-l-8 {
  padding-left: 8px;
/************************************** 内外边距 **************************************/
$direction: (
  l: 'left',
  t: 'top',
  r: 'right',
  b: 'bottom'
);
$size: (4, 8, 10, 16);
@each $dName, $dValue in $direction {
  @each $i in $size {
    .p-#{$dName}-#{$i} {
      padding-#{$dValue}: #{$i}px;
    }
    .m-#{$dName}-#{$i} {
      margin-#{$dValue}: #{$i}px;
    }
  }
}

.p-v-8 {
  padding: 8px 0;
@each $i in $size {
  .p-v-#{$i} {
    padding: #{$i}px 0;
  }
  .p-h-#{$i} {
    padding: 0 #{$i}px;
  }
  .m-v-#{$i} {
    margin: #{$i}px 0;
  }
  .m-h-#{$i} {
    margin: 0 #{$i}px;
  }
}

.m-b-8 {
  margin-bottom: 8px;
}

.m-l-4 {
  margin-left: 4px;
}

.w-150px {
  width: 290px;
.w-300px {
  width: 300px;
}

//