62 lines
1.2 KiB
Vue
62 lines
1.2 KiB
Vue
<template>
|
|
<div class="logo">
|
|
<!-- <img v-if="!collapsed" src="~@/assets/images/logowithtext.png" alt="" /> -->
|
|
<div v-if="!collapsed"
|
|
class="flex items-center">
|
|
<img src="~@/assets/images/logo.png" />
|
|
<img src="~@/assets/images/company_name.png"
|
|
class="company_name" />
|
|
<!-- <span class="company-name">華信智能</span> -->
|
|
</div>
|
|
<img v-else
|
|
src="~@/assets/images/logo.png"
|
|
class="collapsed-icon" />
|
|
<!-- <h2 v-show="!collapsed" class="title">华信OA</h2> -->
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
defineProps({
|
|
collapsed: {
|
|
type: Boolean,
|
|
},
|
|
});
|
|
</script>
|
|
|
|
<style lang="less"
|
|
scoped>
|
|
.ant-layout-sider-dark {
|
|
.company-name {
|
|
color: white;
|
|
}
|
|
}
|
|
|
|
.company-name {
|
|
@apply text-2xl font-bold ml-xs tracking-widest;
|
|
font-family: cursive;
|
|
}
|
|
|
|
.logo {
|
|
@apply flex overflow-hidden whitespace-nowrap items-center justify-center;
|
|
|
|
height: 64px;
|
|
line-height: 64px;
|
|
|
|
.company_name {
|
|
height: 1.5rem;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
img {
|
|
height: 2rem;
|
|
|
|
}
|
|
|
|
.title {
|
|
@apply mb-0 text-xl;
|
|
|
|
color: @primary-color;
|
|
}
|
|
}
|
|
</style>
|