Jelajahi Sumber

修改样式

yangg 1 bulan lalu
induk
melakukan
261e608d47

+ 8 - 2
src/views/position/detail/index.css

@@ -525,7 +525,7 @@
         display: flex;
         flex-direction: column;
         align-items: center;
-        gap: 8px;
+        width: 80px;
       }
 
       .avatar-circle {
@@ -548,8 +548,14 @@
       }
 
       .avatar-name {
+        margin-top: 8px;
         font-size: 14px;
-        color: #666;
+        color: #333;
+        width: 100%;
+        text-align: center;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
       }
 
       &:hover {

+ 19 - 1
src/views/position/detail/index.vue

@@ -803,7 +803,7 @@
                       <div class="avatar-circle" :class="{ selected: selectedInterviewer.id === avatar.id }">
                         <img :src="avatar.avatar_url || avatar.image" :alt="avatar.name" />
                       </div>
-                      <div class="avatar-name">{{ avatar.name }}</div>
+                      <div class="avatar-name" :title="avatar.name">{{ avatar.name }}</div>
                     </div>
                   </div>
                 </div>
@@ -5048,4 +5048,22 @@ const handleAutoGenerate = async () => {
     }
   }
 }
+
+.avatar-name {
+  margin-top: 8px;
+  font-size: 14px;
+  color: #333;
+  width: 100%;
+  text-align: center;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.avatar-wrapper {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 80px; // 设置一个固定宽度
+}
 </style>

+ 16 - 6
src/views/questionBank/positionList/components/DocumentTreeCom/index.vue

@@ -21,14 +21,14 @@
             <el-icon><Folder /></el-icon>
             <span class="ml-2">{{ data.title }}</span>
           </div>
-          <div class="node-actions" v-if="data.id">
+        <!--   <div class="node-actions" v-if="data.id">
             <el-button type="primary" link size="small" @click.stop="handleEdit(data)">
               <el-icon><Edit /></el-icon>
             </el-button>
             <el-button type="danger" link size="small" @click.stop="handleDelete(node, data)">
               <el-icon><Delete /></el-icon>
             </el-button>
-          </div>
+          </div> -->
         </div>
       </template>
     </el-tree>
@@ -112,17 +112,27 @@ defineExpose({
 .node-label {
   display: flex;
   align-items: center;
+  flex: 1;
+  min-width: 0;
+  position: relative;
+  
+  .ml-2 {
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    flex: 1;
+  }
 }
 
+
 .node-actions {
   display: none;
 }
 
 .custom-tree-node:hover .node-actions {
   display: flex;
-}
-
-.ml-2 {
-  margin-left: 8px;
+  overflow: hidden;
+     white-space: nowrap;
+     text-overflow: ellipsis;
 }
 </style>