gxwebsoft
565553b3f7
- 将所有操作按钮数量≤3的表格操作列宽度统一调整为180px - 调整涉及全局默认值、各模块和页面中menuWidth显式设定 - 单独修改/authority/role页面操作列宽度为240px，/system/menu及流程配置对应调为220px - 通过CSS新规则视觉统一Avue内置操作按钮为el-link链接样式，无功能变更 - 优化通知公告操作列宽度，解决三按钮链接换行问题 - 调整首页Logo图标尺寸及边距以适配设计需求 - 保证所有相关改动经过npm run build验证通过
49 lines
977 B
Vue
49 lines
977 B
Vue
<template>
|
|
<div class="avue-logo" @click="goHome" style="cursor: pointer">
|
|
<transition name="fade">
|
|
<span v-if="getScreen(isCollapse)" class="avue-logo_subtitle" key="0">
|
|
<img class="logo-img" src="/img/logo.png" />
|
|
</span>
|
|
</transition>
|
|
<transition-group name="fade">
|
|
<template v-if="getScreen(!isCollapse)">
|
|
<span class="logo-title" key="1">{{ website.indexTitle }}</span>
|
|
</template>
|
|
</transition-group>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { mapGetters } from 'vuex';
|
|
|
|
export default {
|
|
name: 'logo',
|
|
data() {
|
|
return {};
|
|
},
|
|
created() {},
|
|
computed: {
|
|
...mapGetters(['isCollapse', 'tagWel']),
|
|
},
|
|
methods: {
|
|
goHome() {
|
|
this.$router.push(this.tagWel);
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
<style scoped>
|
|
.logo-title {
|
|
font-size: 17px;
|
|
color: #fff;
|
|
font-weight: 700;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.logo-img {
|
|
width: 30px;
|
|
margin-top: 10px;
|
|
}
|
|
</style>
|