mirror of
https://gitee.com/beijing_hongye_huicheng/lilishop-ui.git
synced 2026-11-10 02:49:03 +08:00
- buyer(95) / seller(169) / im(53) / manager(280) 共 597 个组件全部从 Options API 转换为 <script setup> - 四端 vuex 全部移除,状态管理统一迁移至 pinia 4(stores/ 目录) - util.js 等基础设施去除 vm 首参依赖;全局属性($Message/$filters 等)在 script 内改为具名导入 - 被外部 ref 访问的公共组件均已补齐 defineExpose(清单见各端 MIGRATION-VUE3.md) - 各端 eslint 启用 vue/component-api-style 防止新代码回退 Options API - 四端 yarn build 全部通过;迁移约定与注意事项已更新至各端 MIGRATION-VUE3.md
63 lines
1.5 KiB
Vue
63 lines
1.5 KiB
Vue
<template>
|
|
<div>
|
|
<el-row class="header">
|
|
<img v-if="domainLogo" :src="domainLogo" class="logo" width="220px" />
|
|
</el-row>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { ref, onMounted } from "vue";
|
|
import { getBaseSite } from "@/api/common.js";
|
|
|
|
const domainLogo = ref("");
|
|
|
|
function applyFavicon(href) {
|
|
if (!href) return;
|
|
let link =
|
|
document.querySelector("link[rel*='icon']") ||
|
|
document.createElement("link");
|
|
link.type = "image/x-icon";
|
|
link.href = href;
|
|
link.rel = "shortcut icon";
|
|
document.getElementsByTagName("head")[0].appendChild(link);
|
|
}
|
|
|
|
function getSite() {
|
|
getBaseSite().then((res) => {
|
|
if (res.success && res.result && res.result.settingValue) {
|
|
const { domainLogo: logo, domainIcon, siteName } = JSON.parse(
|
|
res.result.settingValue
|
|
);
|
|
domainLogo.value = logo || "";
|
|
const expirationTime = new Date().setHours(new Date().getHours() + 1);
|
|
localStorage.setItem("icontitle_expiration_time", expirationTime);
|
|
localStorage.setItem("icon", logo || "");
|
|
localStorage.setItem("domainIcon", domainIcon || "");
|
|
localStorage.setItem("title", siteName || "");
|
|
applyFavicon(domainIcon || logo);
|
|
if (siteName) {
|
|
window.document.title = siteName + " - 运营后台";
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
onMounted(() => {
|
|
getSite();
|
|
});
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.header {
|
|
margin-bottom: 6vh;
|
|
text-align: center;
|
|
display: flex;
|
|
justify-content: center !important;
|
|
}
|
|
.logo {
|
|
width: 440px;
|
|
height: 158px;
|
|
}
|
|
</style>
|