路径显示优化

src/components/PathLabel/LabelItem.vue

@@ -1,6 +1,6 @@
 <template>
-  <div>
-    / {{ name }} 
+  <div class="box">
+{{ name }} 
   </div>
 </template>
 
@@ -19,4 +19,10 @@ const props = defineProps({
 </script>
 
 <style lang="scss" scoped>
+.box{
+  line-height: 20px;
+  font-size: 12px;
+  display: flex;
+  align-items: center;
+}
 </style>

src/components/PathLabel/index.vue

@@ -1,11 +1,14 @@
 <template>
   <div class="box">
     <div v-for="(item,index) in toRaw(pathLabelData)" :key="item.dirId">
-      <LabelItem
+      <div class="item">
+      &nbsp;&nbsp; / &nbsp;&nbsp; <LabelItem
         :name="item.name"
         @click="clickItem(item.dirId,index)"
         :dirId="item.dirId"
+        :class="{'lastOne':index == (pathLabelData.length -1)}"
       ></LabelItem>
+      </div>
     </div>
   </div>
 </template>
@@ -38,5 +41,15 @@ const clickItem = async (dirId,index) => {
 <style lang="scss" scoped>
 .box {
   display: flex;
+  font-size: 12px;
+  .item{
+    display: flex;
+    line-height: 20px;
+    align-items: center;
+  }
+  .lastOne{
+    color: #2E6BC8;
+  }
+  // line-height: 20px;
 }
 </style>

src/views/department/MyFile.vue

@@ -2203,6 +2203,7 @@ p {
     .topPath {
         display: flex;
         margin-left: 4px;
+        align-items: center;
         cursor: pointer;
         color: #6F85B5;
         font-size: 12px;

src/views/myfile/MyFile.vue

@@ -2321,6 +2321,7 @@ p {
 
     .topPath {
         display: flex;
+        align-items: center;
         margin-left: 4px;
         cursor: pointer;
         color: #6F85B5;

src/views/publicment/MyFile.vue

@@ -2218,8 +2218,9 @@ p {
     background-color: #F6F7F9;
 
     .topPath {
-         margin-left: 4px;
+        margin-left: 4px;
         display: flex;
+        align-items: center;
         cursor: pointer;
         color: #6F85B5;
         font-size: 12px;