Remove website QQ QR code (#730)
This commit is contained in:
Binary file not shown.
|
Before Width: | Height: | Size: 230 KiB |
@@ -8,7 +8,6 @@ const { t, locale } = useI18n()
|
|||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
const { isDark, toggleTheme } = useTheme()
|
const { isDark, toggleTheme } = useTheme()
|
||||||
const mobileMenuOpen = ref(false)
|
const mobileMenuOpen = ref(false)
|
||||||
const showQQModal = ref(false)
|
|
||||||
|
|
||||||
function switchLocale() {
|
function switchLocale() {
|
||||||
const next = locale.value === 'en' ? 'zh' : 'en'
|
const next = locale.value === 'en' ? 'zh' : 'en'
|
||||||
@@ -51,9 +50,6 @@ function goHome() {
|
|||||||
<line x1="10" y1="14" x2="21" y2="3" />
|
<line x1="10" y1="14" x2="21" y2="3" />
|
||||||
</svg>
|
</svg>
|
||||||
</a>
|
</a>
|
||||||
<a class="nav-link" @click.prevent="showQQModal = true">
|
|
||||||
{{ t('nav.qqGroup') }}
|
|
||||||
</a>
|
|
||||||
<button class="icon-btn" @click="switchLocale" :title="locale === 'en' ? '中文' : 'English'">
|
<button class="icon-btn" @click="switchLocale" :title="locale === 'en' ? '中文' : 'English'">
|
||||||
{{ locale === 'en' ? '中' : 'EN' }}
|
{{ locale === 'en' ? '中' : 'EN' }}
|
||||||
</button>
|
</button>
|
||||||
@@ -89,7 +85,6 @@ function goHome() {
|
|||||||
<a class="mobile-link" @click.prevent="navigateTo('landing')">{{ t('nav.home') }}</a>
|
<a class="mobile-link" @click.prevent="navigateTo('landing')">{{ t('nav.home') }}</a>
|
||||||
<a class="mobile-link" @click.prevent="navigateTo('docs.getting-started')">{{ t('nav.docs') }}</a>
|
<a class="mobile-link" @click.prevent="navigateTo('docs.getting-started')">{{ t('nav.docs') }}</a>
|
||||||
<a class="mobile-link" href="https://github.com/EKKOLearnAI/hermes-web-ui" target="_blank" rel="noopener">{{ t('nav.github') }}</a>
|
<a class="mobile-link" href="https://github.com/EKKOLearnAI/hermes-web-ui" target="_blank" rel="noopener">{{ t('nav.github') }}</a>
|
||||||
<a class="mobile-link" @click.prevent="showQQModal = true; mobileMenuOpen = false">{{ t('nav.qqGroup') }}</a>
|
|
||||||
<div class="mobile-actions">
|
<div class="mobile-actions">
|
||||||
<button class="mobile-action-btn" @click="switchLocale">
|
<button class="mobile-action-btn" @click="switchLocale">
|
||||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="action-icon">
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="action-icon">
|
||||||
@@ -120,15 +115,6 @@ function goHome() {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<Teleport to="body">
|
|
||||||
<div v-if="showQQModal" class="qq-modal-overlay" @click="showQQModal = false">
|
|
||||||
<div class="qq-modal-content" @click.stop>
|
|
||||||
<h3 class="qq-modal-title">{{ t('nav.qqGroup') }}</h3>
|
|
||||||
<img src="/qrcode.png" alt="QQ Group" class="qq-modal-qr" />
|
|
||||||
<button class="qq-modal-close" @click="showQQModal = false">×</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</Teleport>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
@@ -318,56 +304,3 @@ function goHome() {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<style lang="scss">
|
|
||||||
.qq-modal-overlay {
|
|
||||||
position: fixed;
|
|
||||||
inset: 0;
|
|
||||||
background: rgba(0, 0, 0, 0.5);
|
|
||||||
z-index: 9999;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.qq-modal-content {
|
|
||||||
position: relative;
|
|
||||||
background: var(--bg-card);
|
|
||||||
border: 1px solid var(--border-color);
|
|
||||||
border-radius: 12px;
|
|
||||||
padding: 32px;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
gap: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.qq-modal-title {
|
|
||||||
font-size: 18px;
|
|
||||||
font-weight: 600;
|
|
||||||
color: var(--text-primary);
|
|
||||||
}
|
|
||||||
|
|
||||||
.qq-modal-qr {
|
|
||||||
width: 260px;
|
|
||||||
height: 260px;
|
|
||||||
border-radius: 4px;
|
|
||||||
object-fit: contain;
|
|
||||||
}
|
|
||||||
|
|
||||||
.qq-modal-close {
|
|
||||||
position: absolute;
|
|
||||||
top: 8px;
|
|
||||||
right: 12px;
|
|
||||||
background: none;
|
|
||||||
border: none;
|
|
||||||
font-size: 24px;
|
|
||||||
color: var(--text-muted);
|
|
||||||
cursor: pointer;
|
|
||||||
line-height: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.qq-modal-close:hover {
|
|
||||||
color: var(--text-primary);
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|||||||
@@ -3,7 +3,6 @@ export default {
|
|||||||
home: 'Home',
|
home: 'Home',
|
||||||
docs: 'Documentation',
|
docs: 'Documentation',
|
||||||
github: 'GitHub',
|
github: 'GitHub',
|
||||||
qqGroup: 'QQ Group',
|
|
||||||
},
|
},
|
||||||
hero: {
|
hero: {
|
||||||
title: 'Self-Hosted AI Chat Dashboard',
|
title: 'Self-Hosted AI Chat Dashboard',
|
||||||
|
|||||||
@@ -3,7 +3,6 @@ export default {
|
|||||||
home: '首页',
|
home: '首页',
|
||||||
docs: '文档',
|
docs: '文档',
|
||||||
github: 'GitHub',
|
github: 'GitHub',
|
||||||
qqGroup: 'QQ 群',
|
|
||||||
},
|
},
|
||||||
hero: {
|
hero: {
|
||||||
title: '自托管 AI 聊天仪表板',
|
title: '自托管 AI 聊天仪表板',
|
||||||
|
|||||||
Reference in New Issue
Block a user