gxwebsoft/template-10490
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

完成适配移动端

Browse Source
This commit is contained in:
赵忠林
2025-02-22 22:11:19 +08:00
parent 98758e89e2
commit 1f79c93859
62 changed files with 549 additions and 2973 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
components/AppFooter/Copyright/Copyright.vue
View File

@@ -5,12 +5,13 @@ const config = useConfigInfo();
</script>
<template>
<div class="w-full bg-black">
<!-- PC端 -->
<div class="w-full sm:bg-black hidden-sm-and-down">
<div class="xl:w-screen-xl flex flex-col justify-between m-auto">
<!-- 友情链接 -->
<Link />
<!-- 版权信息 -->
<div class="w-full xl:w-screen-xl xl:px-0 px-4 w-full m-auto flex sm:flex-row flex-col-reverse sm:justify-between justify-center items-center sm:py-3 text-center text-sm">
<div class="w-full xl:w-screen-xl xl:px-0 px-4 w-full m-auto flex flex-row sm:justify-between justify-center items-center sm:py-3 text-center text-sm">
<div class="text-gray-400 sm:gap-xs leading-7 flex flex-col sm:flex-row">
<span>Copyright © {{ new Date().getFullYear() }} {{ config?.copyright }}</span>
<nuxt-link to="https://beian.miit.gov.cn/" class="visited:text-gray-400 hover:text-gray-200" target="_blank"> <span>备案号：{{ config?.icpNo }}</span></nuxt-link>
@@ -21,6 +22,23 @@ const config = useConfigInfo();
</div>
</div>
</div>
<!-- 移动端 -->
<div class="w-full sm:bg-black hidden-sm-and-up">
<div class="xl:w-screen-xl flex flex-col justify-between m-auto">
<!-- 友情链接 -->
<Link />
<!-- 版权信息 -->
<div class="w-full xl:w-screen-xl xl:px-0 px-4 w-full m-auto flex flex-col sm:justify-between justify-center items-center py-3 text-center text-sm">
<div class="text-gray-400 sm:gap-xs leading-7 flex flex-col sm:flex-row">
<span>Copyright © {{ new Date().getFullYear() }} {{ config?.copyright }}</span>
<nuxt-link to="https://beian.miit.gov.cn/" class="visited:text-gray-400 hover:text-gray-200" target="_blank"> <span>备案号：{{ config?.icpNo }}</span></nuxt-link>
</div>
<div class="tools flex items-center opacity-80 hover:opacity-90 text-gray-300 text-xs mt-5">
Powered by <a rel="nofollow" href="https://site.websoft.top" target="_blank" class="visited:text-gray-300 hover:text-gray-200 ml-1">云·企业官网</a>
</div>
</div>
</div>
</div>
</template>
<style scoped lang="scss">