Selaa lähdekoodia

v-tooltip报错排查

zhengnaiwen_citu 1 vuosi sitten
vanhempi
commit
f5ad8b9321
1 muutettua tiedostoa jossa 14 lisäystä ja 10 poistoa
  1. 14 10
      src/layout/personal/slider.vue

+ 14 - 10
src/layout/personal/slider.vue

@@ -1,16 +1,20 @@
 <template>
 <template>
   <div class="slider-box">
   <div class="slider-box">
     <div v-for="item in list" :key="item.mdi" class="slider-box-item">
     <div v-for="item in list" :key="item.mdi" class="slider-box-item">
-      <v-tooltip :text="item.tips" location="start">
-        <!-- <template v-slot:activator="{ props }">
-          <v-btn size="30" class="icons" variant="text" v-bind="props" :icon="item.mdi"></v-btn>
-        </template> -->
-        <div v-if="item.showImg" class="ma-3" style="text-align: center">
-          <v-img cover aspect-ratio="1/1" src="https://minio.citupro.com/dev/static/mendunerCode.jpg" :width="170" style="height: 170px;"></v-img>
-          <span class="tips-text">关注门墩儿直聘微信公众号</span>
-        </div>
-        <span v-else>{{ item.tips }}</span>
-      </v-tooltip>
+      <v-btn size="30" class="icons" variant="text">
+        <v-icon>{{item.mdi}}</v-icon>
+        <v-tooltip
+          activator="parent"
+          location="start"
+          :text="item.tips"
+        >
+          <div v-if="item.showImg" class="ma-3" style="text-align: center">
+            <v-img cover aspect-ratio="1/1" src="https://minio.citupro.com/dev/static/mendunerCode.jpg" :width="170" style="height: 170px;"></v-img>
+            <span class="tips-text">关注门墩儿直聘微信公众号</span>
+          </div>
+          <span v-else>{{ item.tips }}</span>
+        </v-tooltip>
+      </v-btn>
     </div>
     </div>
   </div>
   </div>
 </template>
 </template>