优化

src/views/monthly/index.vue

@@ -16,17 +16,17 @@
         </div>
         <div v-for="item in monthly_nav_list" :key="item.id">
           <div class="monthly-nav-center">
-            <i class="el-icon-document monthly-hover" @click="monthlyGetData(item)"> {{ item.title }}</i>
-            <i class="el-icon-close monthly-hover" @click="monthlyDelete(item.id)" />
+            <el-tooltip v-if="item.title && item.title.length > 12" class="item" effect="dark" :content="item.title" placement="top">
+              <i class="el-icon-document monthly-hover" @click="monthlyGetData(item)"> {{ item.title | ellipsis }}</i>
+            </el-tooltip>
+            <div v-else class="el-icon-document monthly-hover" @click="monthlyGetData(item)"> {{ item.title | ellipsis }}</div>
+            <i v-show="monthly_show" class="el-icon-close monthly-hover" @click="monthlyDelete(item.id)" />
           </div>
         </div>
       </el-aside>
       <el-main class="monthly-main">
         <div class="monthly-main-title">
-          <el-tooltip v-if="monthly_main_image.title && monthly_main_image.title.length > 12" class="item" effect="dark" :content="monthly_main_image.title" placement="top">
-            <div>{{ monthly_main_image.title | ellipsis }}</div>
-          </el-tooltip>
-          <div v-else>{{ monthly_main_image.title | ellipsis }}</div>
+          <div>{{ monthly_main_image.title }}</div>
           <div class="monthly-main-date">{{ monthly_main_image.gmtCreate }}</div>
         </div>
         <div class="demo-image__placeholder" style="padding: 20px 0;">