feat(projects): 添加svg logo自适应主题颜色

This commit is contained in:
Soybean
2021-10-15 02:25:52 +08:00
parent 3d1f41925d
commit e1e5579e8f
7 changed files with 100 additions and 12 deletions

View File

@ -1,19 +1,22 @@
<template>
<img :src="logoSrc" alt="" />
<div>
<svg-fill-logo v-if="fill" :color="color" />
<svg-logo v-else :color="color" />
</div>
</template>
<script lang="ts" setup>
import { computed } from 'vue';
import logo from '@/assets/img/common/logo.png';
import logoFill from '@/assets/img/common/logo-fill.png';
import { SvgLogo, SvgFillLogo } from './components';
const props = defineProps({
defineProps({
fill: {
type: Boolean,
default: false
},
color: {
type: String,
default: '#409EFF'
}
});
const logoSrc = computed(() => (props.fill ? logoFill : logo));
</script>
<style scoped></style>