fix:charts按需展示

src/views/Main.vue

@@ -6,7 +6,13 @@
         <img src="../assets/images/mess/key.png" alt="">
         <div class="tooltip-containner-data">
           <li><img :src="currentItem.img" alt="" style=""></li>
-          <li><chart32_-inspection /></li>
+          <li v-if="currentItem.title.includes('中国海警首次登检菲律宾运补船只')"><chart32_-inspection /></li>
+          <li v-else-if="currentItem.title.includes('中方回应菲称我海警挥舞刀具')">
+            <Chart33_WavingBlades />
+          </li>
+          <li v-else-if="currentItem.title.includes('中国海警夺回菲方盗窃赃物')">
+            <Chart34_RecoveredGoods />
+          </li>
           <li style="margin-left: 10px; margin-top:   20px;"><img src="../assets/images/logo/point.png"
               alt="">最初首发者：&nbsp;&nbsp;&nbsp;{{ currentItem.earler }} </li>
           <li style="margin-left: 10px;"><img src="../assets/images/logo/point.png" alt="">积极评论者：{{ currentItem.comenter
@@ -210,9 +216,10 @@ import { useRouter } from 'vue-router';
 import IndexView from './App.vue';
 import ScrollContainer from '@/components/ScrollContainer.vue';
 import * as echarts from 'echarts';
-import axios from 'axios';
 import { useActionStore } from '@/store';
 import Chart32_Inspection from '@/components/Chart32_Inspection(1).vue';
+import Chart33_WavingBlades from '@/components/Chart33_WavingBlades(1).vue';
+import Chart34_RecoveredGoods from '@/components/Chart34_RecoveredGoods(1).vue';
 
 
 let myChart = null;
@@ -809,6 +816,7 @@ const currentItem = ref(currentDataSet.value[0]);
 // 切换选中项的方法
 const selectItem = (item) => {
   currentItem.value = item;
+  console.log(currentItem.value);
   showTooltip.value = true; // 点击时显示 tooltip
 };