fix: 前端联系我们、购买等优化
This commit is contained in:
Gsh
@@ -0,0 +1,56 @@
|
||||
<script setup lang="ts">
|
||||
import { showContactUs } from '@/utils/contact-us';
|
||||
|
||||
function handleClick() {
|
||||
showContactUs({ scenario: 'regular' });
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="contact-us-btn-container">
|
||||
<div
|
||||
class="contact-us-btn"
|
||||
title="联系我们"
|
||||
@click="handleClick"
|
||||
>
|
||||
<!-- PC端显示文字 -->
|
||||
<span class="pc-text">联系我们</span>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.contact-us-btn-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.contact-us-btn {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
cursor: pointer;
|
||||
font-size: 1.2rem;
|
||||
font-weight: bold;
|
||||
color: #409eff;
|
||||
transition: all 0.2s;
|
||||
position: relative;
|
||||
padding: 4px 8px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.contact-us-btn:hover {
|
||||
color: #66b1ff;
|
||||
transform: translateY(-1px);
|
||||
background-color: rgba(64, 158, 255, 0.1);
|
||||
}
|
||||
|
||||
/* PC端文字样式 */
|
||||
.pc-text {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
|
||||
line-height: 1.2;
|
||||
padding: 2px 8px 2px 0;
|
||||
}
|
||||
</style>
|
||||
@@ -2,12 +2,13 @@
|
||||
import { computed, ref } from 'vue';
|
||||
import { useRoute, useRouter } from 'vue-router';
|
||||
import logo from '@/assets/images/logo.png';
|
||||
import ConsoleBtn from '@/layouts/components0/Header/components/ConsoleBtn.vue';
|
||||
import ConsoleBtn from '@/layouts/components/Header/components/ConsoleBtn.vue';
|
||||
import { useUserStore } from '@/stores';
|
||||
import AiTutorialBtn from './components/AiTutorialBtn.vue';
|
||||
import AnnouncementBtn from './components/AnnouncementBtn.vue';
|
||||
import Avatar from './components/Avatar.vue';
|
||||
import BuyBtn from './components/BuyBtn.vue';
|
||||
import ContactUsBtn from './components/ContactUsBtn.vue';
|
||||
import LoginBtn from './components/LoginBtn.vue';
|
||||
import ModelLibraryBtn from './components/ModelLibraryBtn.vue';
|
||||
import ThemeBtn from './components/ThemeBtn.vue';
|
||||
@@ -113,6 +114,11 @@ function toggleMobileMenu() {
|
||||
<AiTutorialBtn />
|
||||
</el-menu-item>
|
||||
|
||||
<!-- 联系我们 -->
|
||||
<el-menu-item class="custom-menu-item" index="no-route">
|
||||
<ContactUsBtn />
|
||||
</el-menu-item>
|
||||
|
||||
<!-- 控制台菜单 -->
|
||||
<el-sub-menu index="console" class="console-submenu" popper-class="custom-popover">
|
||||
<template #title>
|
||||
@@ -196,7 +202,7 @@ function toggleMobileMenu() {
|
||||
:size="280"
|
||||
:close-on-click-modal="true"
|
||||
:lock-scroll="true"
|
||||
:modal-class="'mobile-drawer-modal'"
|
||||
modal-class="mobile-drawer-modal"
|
||||
class="mobile-drawer"
|
||||
>
|
||||
<template #header>
|
||||
@@ -216,10 +222,18 @@ function toggleMobileMenu() {
|
||||
<el-icon><ChatDotRound /></el-icon>
|
||||
<span>AI应用</span>
|
||||
</template>
|
||||
<el-menu-item index="/chat/conversation">AI对话</el-menu-item>
|
||||
<el-menu-item index="/chat/image">AI图片</el-menu-item>
|
||||
<el-menu-item index="/chat/video">AI视频</el-menu-item>
|
||||
<el-menu-item index="/chat/agent">AI智能体</el-menu-item>
|
||||
<el-menu-item index="/chat/conversation">
|
||||
AI对话
|
||||
</el-menu-item>
|
||||
<el-menu-item index="/chat/image">
|
||||
AI图片
|
||||
</el-menu-item>
|
||||
<el-menu-item index="/chat/video">
|
||||
AI视频
|
||||
</el-menu-item>
|
||||
<el-menu-item index="/chat/agent">
|
||||
AI智能体
|
||||
</el-menu-item>
|
||||
</el-sub-menu>
|
||||
|
||||
<!-- 模型库 -->
|
||||
@@ -234,14 +248,30 @@ function toggleMobileMenu() {
|
||||
<el-icon><Setting /></el-icon>
|
||||
<span>控制台</span>
|
||||
</template>
|
||||
<el-menu-item index="/console/user">用户信息</el-menu-item>
|
||||
<el-menu-item index="/console/apikey">API密钥</el-menu-item>
|
||||
<el-menu-item index="/console/recharge-log">充值记录</el-menu-item>
|
||||
<el-menu-item index="/console/usage">用量统计</el-menu-item>
|
||||
<el-menu-item index="/console/premium">尊享服务</el-menu-item>
|
||||
<el-menu-item index="/console/daily-task">每日任务</el-menu-item>
|
||||
<el-menu-item index="/console/invite">每周邀请</el-menu-item>
|
||||
<el-menu-item index="/console/activation">激活码兑换</el-menu-item>
|
||||
<el-menu-item index="/console/user">
|
||||
用户信息
|
||||
</el-menu-item>
|
||||
<el-menu-item index="/console/apikey">
|
||||
API密钥
|
||||
</el-menu-item>
|
||||
<el-menu-item index="/console/recharge-log">
|
||||
充值记录
|
||||
</el-menu-item>
|
||||
<el-menu-item index="/console/usage">
|
||||
用量统计
|
||||
</el-menu-item>
|
||||
<el-menu-item index="/console/premium">
|
||||
尊享服务
|
||||
</el-menu-item>
|
||||
<el-menu-item index="/console/daily-task">
|
||||
每日任务
|
||||
</el-menu-item>
|
||||
<el-menu-item index="/console/invite">
|
||||
每周邀请
|
||||
</el-menu-item>
|
||||
<el-menu-item index="/console/activation">
|
||||
激活码兑换
|
||||
</el-menu-item>
|
||||
</el-sub-menu>
|
||||
|
||||
<!-- 其他功能 -->
|
||||
@@ -252,6 +282,9 @@ function toggleMobileMenu() {
|
||||
<div class="action-item">
|
||||
<AiTutorialBtn />
|
||||
</div>
|
||||
<div class="action-item">
|
||||
<ContactUsBtn />
|
||||
</div>
|
||||
<div v-if="userStore.userInfo" class="action-item">
|
||||
<BuyBtn :is-menu-item="false" />
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user