Pārlūkot izejas kodu

feat: 优化选择器下拉框的箭头位置,更加贴合下拉框

wu.jian2 1 gadu atpakaļ
vecāks
revīzija
7a72bcfdb4

+ 9 - 9
data-room-ui/packages/BasicComponents/Select/index.vue

@@ -171,11 +171,20 @@ export default {
     background-color: transparent !important;
   }
   .popper__arrow{
+    bottom: -6px !important;
+    border-top-color:var(--color) !important;
     border-bottom-color:var(--color) !important;
     &::after{
+      bottom: 0px !important;
+      border-top-color:var(--color) !important;
       border-bottom-color:var(--color) !important;
     }
   }
+  .el-popper[x-placement^="top"] .popper__arrow{
+
+    &::after{
+    }
+  }
 }
 </style>
 
@@ -203,17 +212,8 @@ export default {
     color: var(--dropDownHoverFontColor) !important;
     background-color: var(--dropDownHoverBackgroundColor) !important;
   }
-
   .el-tag.el-tag--info {
     color: var(--bs-el-text) !important;
   }
-
-  .popper__arrow {
-    bottom: 0 !important;
-
-    &:after {
-      bottom: 0 !important;
-    }
-  }
 }
 </style>