|
@@ -13,7 +13,7 @@
|
|
|
<div class="listBox mt-15">
|
|
|
<div
|
|
|
v-for="(item, index) in menuList" :key="'menu' + index"
|
|
|
- class="listItem mb-3"
|
|
|
+ class="listItem mb-5 mx-3"
|
|
|
@click="handleClick(item)"
|
|
|
>
|
|
|
<v-icon color="primary" size="50" class="mt-6" style="height: 100px; line-height: 100px;">{{ item.icon }}</v-icon>
|
|
@@ -37,9 +37,9 @@ const menuList = ref([
|
|
|
{ icon: 'mdi-account-group-outline', title: '门墩儿直聘', to: '/personal' },
|
|
|
{ icon: 'mdi-shopping-outline', title: '臻选商城', to: '/mall' },
|
|
|
{ icon: 'mdi-school-outline', title: '火苗儿校企', to: '' },
|
|
|
- // { icon: 'mdi-account-search', title: '门墩猎寻服务', to: '/headhunting' },
|
|
|
+ { icon: 'mdi-account-search', title: '门墩猎寻服务', to: '/headhunting' },
|
|
|
{ icon: 'mdi-database-outline', title: '数据服务', to: '' },
|
|
|
- // { icon: 'mdi-town-hall', title: '门墩儿产业与院校联合会', to: '' },
|
|
|
+ { icon: 'mdi-town-hall', title: '门墩儿产业与院校联合会', to: '' },
|
|
|
])
|
|
|
|
|
|
const handleClick = (item) => {
|
|
@@ -59,14 +59,11 @@ const menuList = ref([
|
|
|
cursor: pointer;
|
|
|
border-radius: 8px;
|
|
|
text-align: center;
|
|
|
- margin-right: 12px;
|
|
|
box-shadow: 0px 0px 40px 0px var(--v-primary-lighten4);
|
|
|
+ transition: transform 0.3s ease;
|
|
|
&:hover {
|
|
|
transform: translateY(-8px);
|
|
|
}
|
|
|
- &:nth-child(6n) {
|
|
|
- margin-right: 0;
|
|
|
- }
|
|
|
}
|
|
|
}
|
|
|
</style>
|