备案添加
CI/CD / build (push) Successful in 7m14s
Details
CI/CD / build (push) Successful in 7m14s
Details
This commit is contained in:
13121765685
parent
63e4d6d813
commit
4551a1537d
|
|
@ -5,6 +5,7 @@ import MainLayout from '@/components/layout/MainLayout.vue'
|
|||
import AppHeader from '@/components/layout/AppHeader.vue'
|
||||
import AppSidebar from '@/components/layout/AppSidebar.vue'
|
||||
import { useAuthStore } from '@/stores/auth';
|
||||
import footerCom from './components/footerBeiAn/index.vue';
|
||||
const authStore = useAuthStore();
|
||||
authStore.updateUserInfo()
|
||||
const route = useRoute()
|
||||
|
|
@ -95,6 +96,7 @@ onMounted(() => {
|
|||
<div v-else>
|
||||
<router-view />
|
||||
</div>
|
||||
<footerCom />
|
||||
</template>
|
||||
<style>
|
||||
*{
|
||||
|
|
|
|||
|
|
@ -0,0 +1,186 @@
|
|||
<template>
|
||||
<footer class="footer-beian">
|
||||
<div class="footer-content">
|
||||
<a
|
||||
:href="t('app.footer.icpLink')"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
class="icp-link"
|
||||
:title="t('app.footer.icp')"
|
||||
>
|
||||
<span class="icp-icon">©</span>
|
||||
<span class="icp-text">{{ t('app.footer.icp') }}</span>
|
||||
</a>
|
||||
</div>
|
||||
</footer>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { useI18n } from 'vue-i18n'
|
||||
|
||||
const { t } = useI18n()
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.footer-beian {
|
||||
width: 100%;
|
||||
padding: 16px 24px;
|
||||
background: var(--card-bg, #ffffff);
|
||||
border-top: 1px solid var(--border-color, #e5e7eb);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
transition: background-color var(--t) var(--e), border-color var(--t) var(--e);
|
||||
}
|
||||
|
||||
.footer-content {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.icp-link {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
text-decoration: none;
|
||||
color: var(--text-secondary, #6b7280);
|
||||
font-size: 13px;
|
||||
font-weight: 400;
|
||||
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
padding: 6px 12px;
|
||||
border-radius: 6px;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.icp-link:hover {
|
||||
color: var(--el-color-primary, #6B46C1);
|
||||
background: var(--primary-light, rgba(107, 70, 193, 0.1));
|
||||
transform: translateY(-1px);
|
||||
}
|
||||
|
||||
.icp-icon {
|
||||
font-size: 14px;
|
||||
line-height: 1;
|
||||
opacity: 0.7;
|
||||
transition: opacity 0.3s ease;
|
||||
}
|
||||
|
||||
.icp-link:hover .icp-icon {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.icp-text {
|
||||
font-size: 13px;
|
||||
line-height: 1.4;
|
||||
letter-spacing: 0.3px;
|
||||
}
|
||||
|
||||
/* 暗色主题适配 */
|
||||
html.dark .footer-beian {
|
||||
background: var(--card-bg, #1F2937);
|
||||
border-top-color: var(--border-color, #374151);
|
||||
}
|
||||
|
||||
html.dark .icp-link {
|
||||
color: var(--text-secondary, #9CA3AF);
|
||||
}
|
||||
|
||||
html.dark .icp-link:hover {
|
||||
color: var(--el-color-primary, #8B5CF6);
|
||||
background: var(--primary-light, rgba(139, 92, 246, 0.15));
|
||||
}
|
||||
|
||||
/* 响应式设计 - 平板端 */
|
||||
@media (max-width: 1024px) {
|
||||
.footer-beian {
|
||||
padding: 14px 20px;
|
||||
}
|
||||
|
||||
.icp-link {
|
||||
font-size: 12px;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
.icp-text {
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
/* 响应式设计 - 移动端 */
|
||||
@media (max-width: 768px) {
|
||||
.footer-beian {
|
||||
padding: 12px 16px;
|
||||
}
|
||||
|
||||
.icp-link {
|
||||
font-size: 11px;
|
||||
padding: 4px 8px;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.icp-icon {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.icp-text {
|
||||
font-size: 11px;
|
||||
}
|
||||
}
|
||||
|
||||
/* 小屏幕移动端优化 */
|
||||
@media (max-width: 480px) {
|
||||
.footer-beian {
|
||||
padding: 10px 12px;
|
||||
}
|
||||
|
||||
.icp-link {
|
||||
font-size: 10px;
|
||||
padding: 3px 6px;
|
||||
}
|
||||
|
||||
.icp-icon {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.icp-text {
|
||||
font-size: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
/* 触摸设备优化 */
|
||||
@media (hover: none) and (pointer: coarse) {
|
||||
.icp-link:active {
|
||||
transform: scale(0.98);
|
||||
background: var(--primary-light, rgba(107, 70, 193, 0.15));
|
||||
}
|
||||
|
||||
html.dark .icp-link:active {
|
||||
background: var(--primary-light, rgba(139, 92, 246, 0.2));
|
||||
}
|
||||
}
|
||||
|
||||
/* 高对比度模式支持 */
|
||||
@media (prefers-contrast: high) {
|
||||
.icp-link {
|
||||
border: 1px solid var(--border-color, #e5e7eb);
|
||||
}
|
||||
|
||||
html.dark .icp-link {
|
||||
border-color: var(--border-color, #374151);
|
||||
}
|
||||
}
|
||||
|
||||
/* 减少动画模式支持 */
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.icp-link,
|
||||
.icp-icon {
|
||||
transition: none;
|
||||
}
|
||||
|
||||
.icp-link:hover {
|
||||
transform: none;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,5 +1,5 @@
|
|||
const savedLang = localStorage.getItem('lang') || 'cn'
|
||||
|
||||
import { isWeChatBrowser } from '@deotaland/utils'
|
||||
let savedLang = localStorage.getItem('lang') || (isWeChatBrowser()?'zh':'en')
|
||||
export default {
|
||||
legacy: false,
|
||||
locale: savedLang,
|
||||
|
|
@ -14,6 +14,10 @@ export default {
|
|||
theme_dark: '深色',
|
||||
lang_zh: '中文',
|
||||
lang_en: '英文',
|
||||
footer: {
|
||||
icp: '蜀ICP备2024078618号-2',
|
||||
icpLink: 'https://beian.miit.gov.cn/#/Integrated/recordQuery'
|
||||
}
|
||||
},
|
||||
breadcrumb: {
|
||||
home: '首页',
|
||||
|
|
@ -1535,6 +1539,10 @@ export default {
|
|||
theme_dark: 'Dark',
|
||||
lang_zh: '中文',
|
||||
lang_en: 'English',
|
||||
footer: {
|
||||
icp: 'Shu ICP No. 2024078618-2',
|
||||
icpLink: 'https://beian.miit.gov.cn/#/Integrated/recordQuery'
|
||||
}
|
||||
},
|
||||
breadcrumb: {
|
||||
home: 'Home',
|
||||
|
|
|
|||
|
|
@ -83,7 +83,7 @@
|
|||
import { onMounted, reactive, ref, computed } from 'vue'
|
||||
import { useRouter,useRoute } from 'vue-router'
|
||||
import { useI18n } from 'vue-i18n'
|
||||
import { environmentUtils } from '@deotaland/utils'
|
||||
import { environmentUtils,isWeChatBrowser } from '@deotaland/utils'
|
||||
import { useAuthStore } from '@/stores/auth'
|
||||
import { WarningFilled, InfoFilled, QuestionFilled, UserFilled, Phone } from '@element-plus/icons-vue'
|
||||
// 导入子组件
|
||||
|
|
@ -99,20 +99,7 @@ const plugin = reactive(new LOGIN());
|
|||
|
||||
// 环境检测状态
|
||||
const environmentInfo = ref(null)
|
||||
const isDetectingEnvironment = ref(true)
|
||||
// 判断是否显示手机号登录入口
|
||||
const showPhoneLogin = computed(() => {
|
||||
// 如果还在检测中，默认显示
|
||||
if (isDetectingEnvironment.value) {
|
||||
return true
|
||||
}
|
||||
// 如果检测失败，默认显示
|
||||
if (!environmentInfo.value) {
|
||||
return true
|
||||
}
|
||||
// 如果是国内环境，显示手机号登录入口
|
||||
return environmentInfo.value.isDomestic
|
||||
})
|
||||
const isDetectingEnvironment = ref(true)//是否正在检测环境
|
||||
|
||||
|
||||
|
||||
|
|
@ -160,13 +147,13 @@ const goToRegister = () => {
|
|||
|
||||
// 跳转到手机号登录页面
|
||||
const goToPhoneLogin = () => {
|
||||
router.push('/login/phone')
|
||||
router.replace('/login/phone')
|
||||
}
|
||||
//判断是否是国内环境显示手机号登录入口
|
||||
|
||||
// 页面挂载时初始化认证状态
|
||||
onMounted(() => {
|
||||
detectEnvironment()
|
||||
// detectEnvironment()
|
||||
isWeChatBrowser()&&goToPhoneLogin()
|
||||
})
|
||||
</script>
|
||||
|
||||
|
|
|
|||
|
|
@ -45,7 +45,7 @@
|
|||
</div>
|
||||
|
||||
<!-- 其他登录方式和链接 -->
|
||||
<div class="auth-links">
|
||||
<div class="auth-links" v-if="!isWeChatBrowser()">
|
||||
<div class="auth-links-row">
|
||||
<button
|
||||
type="button"
|
||||
|
|
@ -67,6 +67,7 @@ import { onMounted, reactive, ref } from 'vue'
|
|||
import { useRouter } from 'vue-router'
|
||||
import { useI18n } from 'vue-i18n'
|
||||
import { useAuthStore } from '@/stores/auth'
|
||||
import {isWeChatBrowser} from '@deotaland/utils';
|
||||
import { WarningFilled, Message, QuestionFilled } from '@element-plus/icons-vue'
|
||||
// 导入子组件
|
||||
import PhoneLoginForm from '@/components/auth/PhoneLoginForm.vue'
|
||||
|
|
|
|||
Loading…
Reference in New Issue