From ffd0af47ee31a9592cfab56a907e9841a9113c52 Mon Sep 17 00:00:00 2001
From: ludc
Date: 星期四, 20 七月 2023 10:37:17 +0800
Subject: [PATCH] 代码提交，前端代码打包
---
Source/UBCS-WEB/dist/src/page/index/logo.vue | 101 ++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 101 insertions(+), 0 deletions(-)
diff --git a/Source/UBCS-WEB/dist/src/page/index/logo.vue b/Source/UBCS-WEB/dist/src/page/index/logo.vue
new file mode 100644
index 0000000..3bc5957
--- /dev/null
+++ b/Source/UBCS-WEB/dist/src/page/index/logo.vue
@@ -0,0 +1,101 @@
+<template>
+ <div class="avue-logo">
+ <transition name="fade">
+ <span v-if="keyCollapse"
+ key="0">
+ <img src="favicon.png" class="logimg">
+ </span>
+ </transition>
+ <transition-group name="fade">
+ <template v-if="!keyCollapse">
+<span>
+ <img class="imgSpan" :src=imgurl>
+ </span>
+ <span class="avue-logo_title"
+ key="1">
+ <span>
+ <img class="imgSpan" :src=imgurl>
+ </span>
+ <span> {{ website.indexTitle }}</span>
+ </span>
+ </template>
+ </transition-group>
+ </div>
+</template>
+
+<script>
+import {mapGetters} from "vuex";
+import img from "./favicon.png"
+
+export default {
+ name: "logo",
+ data() {
+ return {
+ imgurl: img
+ };
+ },
+ created() {
+ },
+ computed: {
+ ...mapGetters(["website", "keyCollapse"])
+ },
+ methods: {}
+};
+</script>
+
+<style lang="scss">
+.fade-leave-active {
+ transition: opacity 0.2s;
+}
+
+.fade-enter-active {
+ transition: opacity 2.5s;
+}
+
+.fade-enter,
+.fade-leave-to {
+ opacity: 0;
+}
+
+.avue-logo {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 240px;
+ height: 64px;
+ line-height: 64px;
+ background-color: #20222a;
+ font-size: 20px;
+ overflow: hidden;
+ box-sizing: border-box;
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
+ color: rgba(255, 255, 255, 0.8);
+ z-index: 1024;
+
+ &_title {
+ display: block;
+ text-align: center;
+ font-weight: 300;
+ font-size: 20px;
+ }
+
+ &_subtitle {
+ display: block;
+ text-align: center;
+ font-size: 18px;
+ font-weight: bold;
+ color: #fff;
+ }
+}
+
+.imgSpan {
+ position: absolute;
+ top: 15px;
+ left: 37px;
+}
+.logimg{
+ position: absolute;
+ top: 20px;
+ left: 12px;
+}
+</style>
--
Gitblit v1.9.3