You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
96 lines
4.4 KiB
96 lines
4.4 KiB
<template>
|
|
<footer class="overflow-hidden">
|
|
<div class="sm:h-[100px] h-[50px]"></div>
|
|
<div class=" bg-white my-3 w-3/4 m-auto" v-if="config.copyrightForDemoData">
|
|
<el-alert :title="config.copyrightForDemoData" center show-icon type="warning" />
|
|
</div>
|
|
<div class="w-full flex flex-col sm:bg-black justify-between">
|
|
<!-- PC版 -->
|
|
<div class="sub-menu w-full md:w-3/4 m-auto flex justify-between py-10 text-center p-2 hidden-sm-and-down">
|
|
|
|
<!-- 底部菜单 -->
|
|
<div class="left flex flex-col sm:flex-row sm:flex-wrap justify-between gap-3xl sm:w-9/12 flex-wrap w-full">
|
|
<template v-for="item in subMenu">
|
|
<div class="sub-menu-item text-left">
|
|
<div class="pb-4">
|
|
<text class="text-gray-400 hover:text-gray-300 font-bold text-[16px]">{{ item.title }}</text>
|
|
</div>
|
|
<template v-if="item.children">
|
|
<div class="sub-menu-children flex flex-col gap-xs">
|
|
<template v-for="sub in item.children">
|
|
<a :href="sub.path" class="text-gray-400 hover:text-gray-300">{{ sub.title }}</a>
|
|
</template>
|
|
</div>
|
|
</template>
|
|
</div>
|
|
</template>
|
|
</div>
|
|
|
|
<!-- 关注我们 -->
|
|
<div class="right w-3/12 pr-3 text-right flex justify-end" v-if="config.wxQrcode">
|
|
<div class="qrcode flex flex-col items-center">
|
|
<el-image :src="config.wxQrcode" class="w-[100px]" />
|
|
<text class="text-gray-400 py-2">{{ config.wxQrcodeText }}</text>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mx-3 sm:hidden p-5 bg-white rounded-xl">
|
|
<el-collapse v-model="activeNames" accordion>
|
|
<template v-for="(item,index) in subMenu">
|
|
<el-collapse-item :title="item.title" :name="index">
|
|
<template v-if="item.children">
|
|
<template v-for="sub in item.children">
|
|
<a :href="sub.path" class="block cursor-pointer text-gray-600 hover:text-gray-900">{{ sub.title }}</a>
|
|
</template>
|
|
</template>
|
|
</el-collapse-item>
|
|
</template>
|
|
</el-collapse>
|
|
</div>
|
|
|
|
<!-- <div class="sm:hidden p-4 mt-3">-->
|
|
<!-- <el-button type="primary" class="w-full" size="large">联系我们</el-button>-->
|
|
<!-- </div>-->
|
|
|
|
<!-- 版权信息 -->
|
|
<div class="w-full md:w-3/4 w-full m-auto flex sm:flex-row flex-col-reverse sm:justify-between justify-center items-center sm:py-10 pt-6 pb-6 text-center p-2">
|
|
<div class="text-gray-400 sm:gap-xl leading-7 flex flex-col sm:flex-row">
|
|
<span>Copyright © {{ new Date().getFullYear() }} {{ config?.copyright }}</span>
|
|
<a class="text-gray-400 hover:text-gray-400" href="https://beian.miit.gov.cn/" target="_blank"> 备案号：{{ config?.icpNo }}</a>
|
|
</div>
|
|
<div class="tools flex gap-xl items-center opacity-80 hover:opacity-90">
|
|
<!-- <a href="https://github.com" class="sm:flex hidden items-center" target="_blank"><img src="@/assets/svg/github-mark-white.svg" alt="github" width="20" class="text-gray-400" /></a>-->
|
|
<!-- <a href="https://github.com" class="sm:hidden flex items-center" target="_blank"><img src="@/assets/svg/github-mark.svg" alt="github" width="20" class="text-gray-400" /></a>-->
|
|
<el-tooltip :content="`管理后台`" v-if="config.showAdminIcon">
|
|
<a :href="`https://${website.tenantId}.websoft.top`" target="_blank"><img src="@/assets/svg/websoft-mark-white.svg" alt="github" width="28" class="text-gray-400" /></a>
|
|
</el-tooltip>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<el-backtop></el-backtop>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
// 请求数据
|
|
import {useConfigInfo} from "#imports";
|
|
import { UserOutlined } from '@ant-design/icons-vue';
|
|
import {useSubMenu, useWebsite} from "~/composables/configState";
|
|
import Breadcrumb from "~/components/Breadcrumb.vue";
|
|
import UnderMaintenance from "~/components/UnderMaintenance.vue";
|
|
|
|
const config = useConfigInfo();
|
|
const website = useWebsite();
|
|
const subMenu = useSubMenu();
|
|
console.log('---------config---------',config.value)
|
|
console.log('---------website---------',website.value)
|
|
console.log('---------subMenu---------',subMenu.value)
|
|
|
|
const activeNames = ref(['1'])
|
|
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
|
|
</style>
|