样式优化

src/views/entrances/components/slider.vue

@@ -1,6 +1,6 @@
 <template>
-  <div class="slider-box pt-6">
-    <div v-for="(item, index) in list" :key="index" class="slider-box-item" @click="handleClick(item, index)">
+  <div class="slider-box">
+    <div v-for="(item, index) in list" :key="index" class="slider-box-item" :class="{'mt-3': !index}" @click="handleClick(item, 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,7 +21,7 @@ import { useRouter } from 'vue-router'
 
 const router = useRouter()
 const list = [
-  // { mdi: 'mdi-arrow-up-bold', tips: '返回顶部' }, 暂时隐藏，打开：删掉slider-box后面的pt-6
+  // { 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: '在线简历', path: '/recruit/personal/resume' }
@@ -37,8 +37,7 @@ const handleClick = (item, index) => {
 <style lang="scss" scoped>
 .slider-box {
   width: 44px;
-  // height: 180px;
-  height: 134px;
+  padding: 20px 0;
   background-color: #fff;
   border-radius: 22px;
   box-shadow: 0 4px 20px 0 rgba(0,0,0,.06);
@@ -46,7 +45,6 @@ const handleClick = (item, index) => {
 .slider-box-item {
   width: 44px;
   height: 44px;
-  padding: 6px 0;
   text-align: center;
 }
 .icons {