lemons
/
zb-admin
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat：修复头像问题

This commit is contained in:
zouzhibing 2022-11-12 21:59:41 +08:00
parent 548d6fae3f
commit d6d8583ed0
2 changed files with 32 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

61
src/layout/Header/index.vue
View File

@ -1,7 +1,7 @@
<template>
<div
class="m-layout-header"
:class="[
class="m-layout-header"
:class="[
SettingStore.themeConfig.fixedHeader?'zb-fixed-header':'zb-no-fixed-header',
mode === 'horizontal'?'':isCollapse?'fixed-header-collapse':'fixed-header-no-collapse'
]"
@ -15,9 +15,7 @@
</div>
<div class="tool-bar-right">
<div class="right">
<language class="right-item-menu"/>
<Language class="right-item-menu"/>
<GlobalComSize class="right-item-menu"/>
<HeaderSearch class="right-item-menu"/>
<Remind class="right-item-menu"/>
@ -31,36 +29,35 @@
</template>
<script lang="ts" setup>
import { UserFilled } from '@element-plus/icons-vue'
import Personal from './components/Personal.vue'
import Language from './components/Language.vue'
import TagViews from '../TagsView/index.vue'
import GlobalComSize from './components/globalComSize.vue'
import Hamburger from '@/components/Hamburger/index.vue'
import Setting from './components/Setting.vue'
import ScreenFull from './components/ScreenFull.vue'
import Remind from './components/Remind'
import HeaderSearch from './components/HeaderSearch'
import CollapseIcon from './components/CollapseIcon'
import Avatar from './components/Avatar'
import UMenu from '../Sidebar/components/Menu.vue'
import { computed, ref } from 'vue'
import { useRouter } from 'vue-router'
import {useSettingStore} from "@/store/modules/setting"
import { UserFilled } from '@element-plus/icons-vue'
import Language from './components/Language.vue'
import TagViews from '../TagsView/index.vue'
import GlobalComSize from './components/globalComSize.vue'
import Hamburger from '@/components/Hamburger/index.vue'
import Setting from './components/Setting.vue'
import ScreenFull from './components/ScreenFull.vue'
import Remind from './components/Remind'
import HeaderSearch from './components/HeaderSearch'
import CollapseIcon from './components/CollapseIcon'
import Avatar from './components/Avatar'
import UMenu from '../Sidebar/components/Menu.vue'
import { computed, ref } from 'vue'
import { useRouter } from 'vue-router'
import {useSettingStore} from "@/store/modules/setting"
const person = ref()
const router = useRouter()
const SettingStore = useSettingStore()
const person = ref()
const router = useRouter()
const SettingStore = useSettingStore()
const isCollapse = computed(() =>!SettingStore.isCollapse)
// menu 布局
const mode = computed(() => SettingStore.themeConfig.mode)
// 显示 tag
const showTag = computed(() =>SettingStore.themeConfig.showTag)
const isCollapse = computed(() =>!SettingStore.isCollapse)
// menu 布局
const mode = computed(() => SettingStore.themeConfig.mode)
// 显示 tag
const showTag = computed(() =>SettingStore.themeConfig.showTag)
const handleCollapse = () => {
SettingStore.setCollapse(isCollapse.value)
}
const handleCollapse = () => {
SettingStore.setCollapse(isCollapse.value)
}
</script>
<style lang="scss" scoped>

7
src/views/home/index.vue
View File

@ -5,7 +5,7 @@
<el-card class="box-card" style="height: 100%">
<div class="personal">
<div>
<el-avatar :size="50" :src="circleUrl" />
<el-avatar :size="50" :src="AvatarLogo" />
</div>
<div class="name"></div>
<div class="description"></div>
@ -52,7 +52,7 @@
class="h2"
style="color: #2d8cf0"
>
><count-to
<count-to
:start-val="0"
:end-val="5268"
:duration="2000"
@ -75,7 +75,7 @@
class="h2"
style="color: #64d572"
>
><count-to
<count-to
:start-val="0"
:end-val="9599"
:duration="2000"
@ -156,7 +156,6 @@
</template>
<script setup lang="ts">
import { User } from '@element-plus/icons-vue'
import { ref } from 'vue'
import AvatarLogo from '@/assets/image/avatar.png'
import CountTo from '@/components/CountTo/index.vue'
import BarCharts from '@/views/charts/components/simple/bar.vue'