slider

src/layout/personal/slider.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="slider-box">
+  <div class="slider-box" :style="{'height': getToken() ? '180px' : '92px'}">
     <div v-for="(item, index) in list" :key="index" class="slider-box-item" @click="handleClick(item, index)">
       <v-btn size="30" class="icons" icon variant="text">
         <v-icon class="icons" size="30">{{ item.mdi }}</v-icon>
@@ -18,14 +18,20 @@
 <script setup>
 defineOptions({ name: 'personalSlider' })
 import { useRouter } from 'vue-router'
+import { getToken } from '@/utils/auth'
 
 const router = useRouter()
-const list = [
+const defaultList = [
+  { mdi: 'mdi-arrow-up-bold', tips: '返回顶部' },
+  { mdi: 'mdi-qrcode', tips: '微信公众号', showImg: 'https://minio.citupro.com/dev/static/mendunerCode.jpg' }
+]
+const hasTokenList = [
   { mdi: 'mdi-arrow-up-bold', tips: '返回顶部' },
   { mdi: 'mdi-qrcode', tips: '微信公众号', showImg: 'https://minio.citupro.com/dev/static/mendunerCode.jpg' },
   { mdi: 'mdi-bell-outline', tips: '消息', path: '/recruit/personal/message' },
   { mdi: 'mdi-list-box-outline', tips: '在线简历', path: '/recruit/personal/personalCenter/resume/online' }
 ]
+const list = getToken() ? hasTokenList : defaultList
 
 const handleClick = (item, index) => {
   // 回到顶部
@@ -37,7 +43,7 @@ const handleClick = (item, index) => {
 <style lang="scss" scoped>
 .slider-box {
   width: 44px;
-  height: 180px;
+  // height: 180px;
   background-color: #fff;
   border-radius: 22px;
   box-shadow: 0 4px 20px 0 rgba(0,0,0,.06);