update 优化 前端样式初步调整并删除无用样式

src/assets/styles/mixin.scss

@@ -1,3 +1,5 @@
+
+// 清除浮动（嵌套用）
 @mixin clearfix {
   &:after {
     content: '';
@@ -6,6 +8,7 @@
   }
 }
 
+// WebKit 滚动条配色（用于可滚动容器）
 @mixin scrollBar {
   &::-webkit-scrollbar-track-piece {
     background: #d3dce6;
@@ -21,18 +24,21 @@
   }
 }
 
+// 铺满父级的相对定位层
 @mixin relative {
   position: relative;
   width: 100%;
   height: 100%;
 }
 
+// 百分比宽度水平居中块
 @mixin pct($pct) {
   width: #{$pct};
   position: relative;
   margin: 0 auto;
 }
 
+// CSS 三角箭头（极少用，保留兼容）
 @mixin triangle($width, $height, $color, $direction) {
   $width: $width/2;
   $color-border-style: $height solid $color;