mkm/engineering_admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add

Browse Source
This commit is contained in:
zmj 2024-03-30 17:56:33 +08:00
parent 2fc5db6a7b
commit f56466c7f9
1 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/layout/default/components/header/menuLi.vue
View File

@ -12,7 +12,7 @@
<div class="w-[40px] h-[40px] duration-300 mt-[5px] mb-[2px] !bg-[length:100%_100%]"
:style="menuName == item.name ? { background: `url(${getImgById(item.id)?.img})` } : { background: `url(${getImgById(item.id)?.actImg})` }">
</div>
<span :class="menuName == item.name ? 'text-primary' : ''"> {{ item.name }}</span>
<span :style="menuName == item.name ? { color: getImgById(item.id)?.color } : ''"> {{ item.name }}</span>
</div>
</div>
</template>
@ -50,30 +50,30 @@ useWatchRoute((route) => {
const getImgById = (id: number) => {
if (id == 173) {
return { img: '/index/XTACT.png', actImg: "/index/XT.png" }
return { img: '/index/XTACT.png', actImg: "/index/XT.png", color: '#8FC814' }
}
else if (id == 174) {
return { img: '/index/SGGLACT.png', actImg: "/index/SGGL.png" }
return { img: '/index/SGGLACT.png', actImg: "/index/SGGL.png", color: '#4073FA' }
}
else if (id == 1046) {
return { img: '/index/ZJZXACT.png', actImg: "/index/ZJZX.png" }
return { img: '/index/ZJZXACT.png', actImg: "/index/ZJZX.png", color: '#F8BC23' }
}
else if (id == 1117) {
return { img: '/index/GCJLACT.png', actImg: "/index/GCJL.png" }
return { img: '/index/GCJLACT.png', actImg: "/index/GCJL.png", color: '#336DE8' }
}
else if (id == 1399) {
return { img: '/index/XMGLACT.png', actImg: "/index/XMGL.png" }
return { img: '/index/XMGLACT.png', actImg: "/index/XMGL.png", color: '#FF820C' }
}
else if (id == 1436) {
return { img: '/index/XMZXACT.png', actImg: "/index/XMZX.png" }
return { img: '/index/XMZXACT.png', actImg: "/index/XMZX.png", color: '#8FC814' }
}
else if (id == 1548) {
return { img: '/index/CWGLACT.png', actImg: "/index/CWGL.png" }
return { img: '/index/CWGLACT.png', actImg: "/index/CWGL.png", color: '#F7BB20' }
}
}
</script>