回到顶部

src/layout/personal/slider.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="slider-box">
-    <div v-for="item in list" :key="item.mdi" class="slider-box-item">
+    <div v-for="(item, index) in list" :key="index" class="slider-box-item" @click="handleClick(index)">
       <v-btn size="30" class="icons" icon variant="text">
         <v-icon class="icons" size="30">{{ item.mdi }}</v-icon>
         <v-tooltip :text="item.tips" location="start" activator="parent">
@@ -21,8 +21,13 @@ const list = [
   { mdi: 'mdi-arrow-up-bold', tips: '返回顶部' },
   { mdi: 'mdi-qrcode', tips: '微信公众号', showImg: 'https://minio.citupro.com/dev/static/mendunerCode.jpg' },
   { mdi: 'mdi-face-agent', tips: '客服' },
-  { mdi: 'mdi-list-box-outline', tips: '个人简历' }
+  { mdi: 'mdi-list-box-outline', tips: '在线简历' }
 ]
+
+const handleClick = (index) => {
+  // 回到顶部
+  if (index === 0) window.scrollTo({ top: 0, behavior: 'smooth' })
+}
 </script>
 
 <style lang="scss" scoped>