5 Commits

  1. 2
      src/views/AiEmotion.vue
  2. 6
      src/views/Announcement.vue
  3. 8
      src/views/Feedback.vue
  4. 9
      src/views/Selectmodel.vue
  5. 90
      src/views/homePage.vue

2
src/views/AiEmotion.vue

@ -4696,7 +4696,7 @@ const emit = defineEmits(["updateMessage", "sendMessage", "ensureAIchat", "enabl
} }
/* 图片样式 */ /* 图片样式 */
.golden-wheel img {
.golden-wheel-img {
width: 50%; width: 50%;
} }

6
src/views/Announcement.vue

@ -99,11 +99,11 @@ onMounted(() => {
}); });
</script> </script>
<template> <template>
<div>
<!-- <div>
<div> <div>
<img :src="back" alt="返回按钮" class="backImg" @click="feedbackBack" /> <img :src="back" alt="返回按钮" class="backImg" @click="feedbackBack" />
</div> </div>
</div>
</div> -->
<div class="main-wrapper"> <div class="main-wrapper">
<div v-if="showVideoContainer" class="video-container"> <div v-if="showVideoContainer" class="video-container">
<video <video
@ -134,6 +134,7 @@ onMounted(() => {
> >
<div class="announcementItem"> <div class="announcementItem">
{{ item.market }} {{ item.market }}
<br>
<span <span
class="codeItem" class="codeItem"
v-for="(code, index) in item.code" v-for="(code, index) in item.code"
@ -216,5 +217,6 @@ p {
.code { .code {
cursor: pointer; cursor: pointer;
white-space: nowrap;
} }
</style> </style>

8
src/views/Feedback.vue

@ -217,11 +217,11 @@ onMounted(() => {
<template> <template>
<el-container> <el-container>
<div>
<!-- <div>
<div> <div>
<img :src="back" alt="返回按钮" class="backImg" @click="feedbackBack" /> <img :src="back" alt="返回按钮" class="backImg" @click="feedbackBack" />
</div> </div>
</div>
</div> -->
<el-scrollbar> <el-scrollbar>
<el-header> <el-header>
<div class="feedbackImgClass"> <div class="feedbackImgClass">
@ -659,6 +659,10 @@ onMounted(() => {
width: 100px; width: 100px;
height: 100px; height: 100px;
} }
.save-dialog {
width: 80%;
}
} }
.feedbackContentOverLengthBtn { .feedbackContentOverLengthBtn {

9
src/views/Selectmodel.vue

@ -150,6 +150,7 @@ const goToEmotionsmodel = () => {
flex-wrap: nowrap; flex-wrap: nowrap;
position: absolute; position: absolute;
top: 40vh; top: 40vh;
z-index: 5;
} }
.btn-item { .btn-item {
@ -320,7 +321,7 @@ const goToEmotionsmodel = () => {
.footer-text1 { .footer-text1 {
background-image: url("@/assets/img/Selectmodel/智能体.png"); background-image: url("@/assets/img/Selectmodel/智能体.png");
width: 100vw; width: 100vw;
height: 60px;
height: 10vw;
margin-top: 10px; margin-top: 10px;
background-size: 100% 100%; background-size: 100% 100%;
/* 保证全宽显示 */ /* 保证全宽显示 */
@ -328,9 +329,13 @@ const goToEmotionsmodel = () => {
.footer-text2 { .footer-text2 {
width: 70vw; width: 70vw;
height: 24px;
margin-top: 10px; margin-top: 10px;
} }
.footer-wrapper{
gap: 0;
}
} }
/* 平板适配 */ /* 平板适配 */

90
src/views/homePage.vue

@ -37,6 +37,7 @@ import voiceNoActive from "../assets/img/homePage/tail/voice-no-active.png";
import sendBtn from "../assets/img/homePage/tail/send.png"; import sendBtn from "../assets/img/homePage/tail/send.png";
import msgBtn from "../assets/img/homePage/tail/msg.png"; import msgBtn from "../assets/img/homePage/tail/msg.png";
import feedbackBtn from "../assets/img/Feedback/feedbackBtn.png"; import feedbackBtn from "../assets/img/Feedback/feedbackBtn.png";
import back from "../assets/img/Feedback/back.png";
import AiEmotion from "./AiEmotion.vue"; import AiEmotion from "./AiEmotion.vue";
import HistoryRecord from "./components/HistoryRecord.vue"; import HistoryRecord from "./components/HistoryRecord.vue";
@ -333,8 +334,8 @@ const isAnnouncementVisible = ref(false);
// Token // Token
const tokenRuleDialogVisible = ref(false); const tokenRuleDialogVisible = ref(false);
const hasShownTokenRule = ref({ const hasShownTokenRule = ref({
AIchat: sessionStorage.getItem('hasShownTokenRule_AIchat') === 'true',
AiEmotion: sessionStorage.getItem('hasShownTokenRule_AiEmotion') === 'true'
AIchat: sessionStorage.getItem("hasShownTokenRule_AIchat") === "true",
AiEmotion: sessionStorage.getItem("hasShownTokenRule_AiEmotion") === "true",
}); });
// Token // Token
@ -361,15 +362,19 @@ onUnmounted(() => {
// Token // Token
const checkTokenRuleOnPageLoad = () => { const checkTokenRuleOnPageLoad = () => {
const activeTab = sessionStorage.getItem('activeTabAI');
const fromExternalPage = sessionStorage.getItem('fromExternalPage');
const activeTab = sessionStorage.getItem("activeTabAI");
const fromExternalPage = sessionStorage.getItem("fromExternalPage");
if (fromExternalPage === 'true' && activeTab && !hasShownTokenRule.value[activeTab]) {
if (
fromExternalPage === "true" &&
activeTab &&
!hasShownTokenRule.value[activeTab]
) {
tokenRuleDialogVisible.value = true; tokenRuleDialogVisible.value = true;
hasShownTokenRule.value[activeTab] = true; hasShownTokenRule.value[activeTab] = true;
sessionStorage.setItem(`hasShownTokenRule_${activeTab}`, 'true');
sessionStorage.setItem(`hasShownTokenRule_${activeTab}`, "true");
// //
sessionStorage.removeItem('fromExternalPage');
sessionStorage.removeItem("fromExternalPage");
} }
}; };
@ -954,6 +959,10 @@ const expandHistory = () => {
} }
}; };
const feedbackBack = () => {
dataStore.isFeedback = false;
};
const backToHome = () => { const backToHome = () => {
if (isMobile.value) { if (isMobile.value) {
console.log("用户是移动端"); console.log("用户是移动端");
@ -980,11 +989,11 @@ const backToHome = () => {
} else { } else {
window.parent.postMessage( window.parent.postMessage(
{ {
type: 'NAVIGATE_TO_HOMEPAGE',
menu: '999999991'
type: "NAVIGATE_TO_HOMEPAGE",
menu: "999999991",
}, },
'*'
)
"*"
);
} }
// window.parent.location.href = window.parent.document.referrer // window.parent.location.href = window.parent.document.referrer
} }
@ -1205,8 +1214,6 @@ onMounted(async () => {
sessionStorage.removeItem("activeLevel"); sessionStorage.removeItem("activeLevel");
sessionStorage.setItem("rechargeFlag", "0"); sessionStorage.setItem("rechargeFlag", "0");
} }
}); });
onUnmounted(() => { onUnmounted(() => {
@ -1257,8 +1264,8 @@ onUnmounted(() => {
v-if="!dataStore.isFeedback" v-if="!dataStore.isFeedback"
class="main-container" class="main-container"
:class="{ :class="{
collapsed: historyRecordRef?.isCollapsed && !isMobile,
unCollapsed: !historyRecordRef?.isCollapsed && !isMobile,
collapsed: !isMobile && historyRecordRef?.isCollapsed,
unCollapsed: !isMobile && !historyRecordRef?.isCollapsed,
}" }"
> >
<!-- AI小财神头部 logo 次数 公告 --> <!-- AI小财神头部 logo 次数 公告 -->
@ -1478,10 +1485,15 @@ onUnmounted(() => {
> >
<el-header class="homepage-head"> <el-header class="homepage-head">
<!-- logo --> <!-- logo -->
<!-- <div class="homepage-logo">
<img :src="logo" alt="图片加载失败" class="logo1" />
<img :src="madeInHL" alt="图片加载失败" class="logo2" />
</div> -->
<div class="homepage-logo">
<img
:src="back"
alt="返回按钮"
class="backToHomeImg"
@click="feedbackBack"
/>
<!-- <img :src="madeInHL" alt="图片加载失败" class="logo2" /> -->
</div>
<div class="homepage-right-group"> <div class="homepage-right-group">
<div class="count-badge" @click="showCount"> <div class="count-badge" @click="showCount">
@ -1770,6 +1782,12 @@ onUnmounted(() => {
padding: 0 6%; padding: 0 6%;
} }
.backToHomeImg {
width: 40px;
height: 40px;
margin-left: 10px;
}
@media (max-width: 768px) { @media (max-width: 768px) {
.tab-container { .tab-container {
gap: 15px; gap: 15px;
@ -1832,6 +1850,15 @@ body {
/* -webkit-overflow-scrolling: touch; */ /* -webkit-overflow-scrolling: touch; */
} }
.zhezhao {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 100;
position: fixed;
}
@media (min-width: 769px) {
.main-container { .main-container {
flex: 1; flex: 1;
transition: margin-left 0.3s ease; transition: margin-left 0.3s ease;
@ -1839,7 +1866,6 @@ body {
flex-direction: column; flex-direction: column;
overflow: hidden; overflow: hidden;
} }
.main-container.unCollapsed { .main-container.unCollapsed {
margin-left: 300px; /* 为历史记录组件留出空间 */ margin-left: 300px; /* 为历史记录组件留出空间 */
} }
@ -1847,13 +1873,6 @@ body {
.main-container.collapsed { .main-container.collapsed {
margin-left: 3%; margin-left: 3%;
} }
.zhezhao {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 100;
position: fixed;
} }
/* 移动端适配 */ /* 移动端适配 */
@ -1861,16 +1880,6 @@ body {
.homepage { .homepage {
background-image: url("https://d31zlh4on95l9h.cloudfront.net/images/90d31d7052e729c63acb9e2cb94d1307.png"); background-image: url("https://d31zlh4on95l9h.cloudfront.net/images/90d31d7052e729c63acb9e2cb94d1307.png");
} }
.main-container {
/* margin-left: 280px; */
}
.main-container.unCollapsed {
margin-left: 280px;
}
.main-container.collapsed {
margin-left: 40px;
}
} }
.homepage .el-container { .homepage .el-container {
@ -2656,6 +2665,11 @@ body {
} }
@media (max-width: 768px) { @media (max-width: 768px) {
.logo1 {
max-width: 110px;
width: 25vw;
}
.action-btn { .action-btn {
height: 21px; height: 21px;
} }
@ -2782,8 +2796,6 @@ body {
.changeSuccessDialogContent { .changeSuccessDialogContent {
font-size: 1rem; font-size: 1rem;
} }
} }
</style> </style>

Loading…
Cancel
Save