|
|
@@ -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 {
|
