顶部导航

src/Layouts/BaseLayout.vue

@@ -3,7 +3,12 @@
     <div class="left">
       <i class="iconfont icon-xiangzuo-moren"
          @click="backHome"></i>
-      <div class="question-name">{{ project_name }}</div>
+        <a-popover  trigger="hover">
+          <template #content>
+           <p>{{ project_name }}</p>
+          </template>
+         <div class="question-name">{{ project_name }}</div>
+        </a-popover>
     </div>
     <div class="tab-container">
       <div class="tab-item"
@@ -14,7 +19,7 @@
         <span :class="tab.link === currentPath ? 'click' : 'click2'">{{ index+1 }}</span>
         <span>{{ tab.title }}</span>
         <span v-if="index!=3"
-              style="width:54px;margin:0 10px;border-top: 1px dashed #C4C0C0;"></span>
+              style="width:27px;margin:0 10px;border-top: 1px dashed #C4C0C0;"></span>
       </div>
     </div>
     <div class="right"
@@ -55,7 +60,7 @@
       <a-button type="primary"
                 class="download-btn share-button"
                 @click.stop="toDownload"
-                v-if="showDownload">
+                v-if="showDownload&&showxiazai">
         <template #icon>
           <img class="download_img"
                :src="require('@/assets/img/download_center.png')" />
@@ -339,7 +344,11 @@ const toDownload = () => {
   //   query: { path: route.path, sn },
   // });
 };
+const showxiazai=ref(null)
 onMounted(() => {
+  if(route.path!='/survey/planet/design'){
+    showxiazai.value=true
+  }
   fetchInfo();
 });
 </script>
@@ -363,6 +372,11 @@ onMounted(() => {
       font-size: 16px;
       font-family: PingFangSC-Regular, PingFang SC;
       color: #434343;
+      width: 150px;
+      overflow:hidden;  
+      text-overflow: ellipsis; 
+      white-space: nowrap;
+      -webkit-line-clamp: 1; 
     }
     .icon-xiangzuo-moren {
       cursor: pointer;
@@ -441,7 +455,7 @@ onMounted(() => {
     border-radius: 6px;
   }
   .share-button {
-    margin-left: 20px;
+    margin-left: 10px;
   }
   .head-portrait {
     width: 32px;