Преглед изворни кода

style: 调整文件选择按钮的布局,使用 gap 属性优化间距

xieyong пре 1 недеља
родитељ
комит
4c6a149b2a
1 измењених фајлова са 3 додато и 1 уклоњено
  1. 3 1
      src/views/safetyTraining/onlineTrainingPlans/person-import-dialog.vue

+ 3 - 1
src/views/safetyTraining/onlineTrainingPlans/person-import-dialog.vue

@@ -286,10 +286,12 @@
   .op-bar {
   .op-bar {
     display: flex;
     display: flex;
     align-items: center;
     align-items: center;
+    // 「选择文件」按钮被 el-upload 根节点包着,两者不是相邻兄弟节点,
+    // element-ui 的 .el-button + .el-button 间距用不上,直接用 gap 排开
+    gap: 10px;
     margin: 12px 0;
     margin: 12px 0;
 
 
     .file-name {
     .file-name {
-      margin-left: 10px;
       color: #909399;
       color: #909399;
       font-size: 12px;
       font-size: 12px;
     }
     }