blackteay/vue3-vant4-mobile
1
0
Fork 0
mirror of https://github.com/xiangshu233/vue3-vant4-mobile.git synced 2025-04-06 03:57:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore(component): ⏪ 优化 Logo component

Browse Source
This commit is contained in:
xiangshu233 2024-03-03 14:09:14 +08:00
parent f01aecbf4e
commit 8e5979c808
2 changed files with 44 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/Logo.vue
View File

@ -1,5 +1,7 @@
<template> <template>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 87 100"> <div>
<SvgIcon v-if="designStore.getAppTheme === defaultAppTheme" class="!h-30 !w-30" name="logo" />
<svg v-else xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 87 100">
<defs> <defs>
<linearGradient id="gradient23" x1="0" y1="0" x2="0" y2="1" gradientTransform="rotate(-90 .5 .5)"> <linearGradient id="gradient23" x1="0" y1="0" x2="0" y2="1" gradientTransform="rotate(-90 .5 .5)">
<stop offset="0" :stop-color="hexToRgba(designStore.getAppTheme, 0.3)" stop-opacity="1" /> <stop offset="0" :stop-color="hexToRgba(designStore.getAppTheme, 0.3)" stop-opacity="1" />
@ -36,11 +38,15 @@
</defs> </defs>
<path fill="url(#gradient27)" d="M 67.6 35.2L 44.4 21.8Q 43.9 21.55 43.25 21.55 42.55 21.55 42.1 21.8L 19.05 35.2Q 18.6 35.5 18.6 35.9 18.6 36.25 19.05 36.55L 42.25 49.95Q 42.7 50.2 43.4 50.2 44.1 50.2 44.55 49.95L 67.6 36.55Q 68.1 36.25 68.05 35.9 68.05 35.5 67.6 35.2 Z" /> <path fill="url(#gradient27)" d="M 67.6 35.2L 44.4 21.8Q 43.9 21.55 43.25 21.55 42.55 21.55 42.1 21.8L 19.05 35.2Q 18.6 35.5 18.6 35.9 18.6 36.25 19.05 36.55L 42.25 49.95Q 42.7 50.2 43.4 50.2 44.1 50.2 44.55 49.95L 67.6 36.55Q 68.1 36.25 68.05 35.9 68.05 35.5 67.6 35.2 Z" />
</svg> </svg>
</div>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { useDesignSettingStore } from '@/store/modules/designSetting' import { useDesignSettingStore } from '@/store/modules/designSetting'
import { hexToRgba } from '@/utils/index' import { hexToRgba } from '@/utils/index'
const { appThemeList } = designSetting
const defaultAppTheme = appThemeList[0]
const designStore = useDesignSettingStore() const designStore = useDesignSettingStore()
</script> </script>

3
src/views/dashboard/index.vue
View File

@ -1,8 +1,7 @@
<template> <template>
<div class="h-screen flex flex-col items-center justify-center p-60px"> <div class="h-screen flex flex-col items-center justify-center p-60px">
<div class="wel-box w-full flex flex-col items-center justify-between"> <div class="wel-box w-full flex flex-col items-center justify-between">
<!-- <SvgIcon class="logo" :size="130" name="logo" /> --> <Logo class="!h-30 !w-30" />
<Logo class="!h-30 !w-30" name="logo" />
<div class="text-darkBlue dark:text-garyWhite mb-4 mt-12 text-center text-2xl font-black"> <div class="text-darkBlue dark:text-garyWhite mb-4 mt-12 text-center text-2xl font-black">
{{ title }} {{ title }}
</div> </div>