Browse Source

发现删除,飘屏删除,标签页样式修改,禁止横屏滚动,金色轮盘样式适配

ds_hxl
no99 3 weeks ago
parent
commit
98899d1e0d
  1. 2
      src/views/AIchat.vue
  2. 1247
      src/views/AiEmotion.vue
  3. 4
      src/views/DBQBmodel.vue
  4. 4
      src/views/Emotionsmodel.vue
  5. 6
      src/views/Selectmodel.vue
  6. 30
      src/views/homePage.vue

2
src/views/AIchat.vue

@ -4566,7 +4566,7 @@ onUnmounted(() => {
<div class="gif-area">
<img :src="currentGif" alt="AI动画" />
<div class="marquee-container">
<div class="marquee-container" v-if="false">
<div id="top" class="marquee-row top" @mouseenter="floatingTopMouseEnter" @mouseleave="floatingTopMouseLeave">
<div v-for="(questions, index) in questionsList.slice(0, 5)" :key="'top' + index" class="marquee-item"
@click="showQuestions(questions)">

1247
src/views/AiEmotion.vue
File diff suppressed because it is too large
View File

4
src/views/DBQBmodel.vue

@ -50,8 +50,8 @@ const goToHomePage = () => {
<style scoped>
.homepage {
width: 100vw;
min-height: 100vh;
/* width: 100vw; */
/* min-height: 100vh; */
background-size: cover;
background-position: center;
background-repeat: no-repeat;

4
src/views/Emotionsmodel.vue

@ -51,8 +51,8 @@ const goToAiEmotion = () => {
<style scoped>
.homepage {
width: 100vw;
min-height: 100vh;
/* width: 100vw; */
/* min-height: 100vh; */
background-image: url('@/assets/img/Emotionsmodel/-s-bg.png');
background-size: cover;
background-position: center;

6
src/views/Selectmodel.vue

@ -52,14 +52,14 @@ const goToEmotionsmodel = () => {
<style scoped>
.homepage {
width: 100vw;
min-height: 100vh;
/* width: 100vw; */
/* min-height: 100vh; */
background-color: #000cfc;
background-image: url('@/assets/img/Selectmodel/-s-bg.png');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
overflow-x: hidden;
display: flex;
flex-direction: column;
align-items: center;

30
src/views/homePage.vue

@ -55,10 +55,10 @@ const tabs = computed(() => [
name: "AIchat",
label: "夺宝奇兵大模型",
},
{
name: "AIfind",
label: "发现",
},
// {
// name: "AIfind",
// label: "",
// },
{
name: "AiEmotion",
label: "AI情绪大模型"
@ -214,7 +214,7 @@ const tabContent = ref(null);
const isScrolling = ref(false); //
const smoothScrollToBottom = async () => {
// console.log('')
console.log('调用滚动到底部的方法')
// await nextTick();
const container = tabContent.value;
// console.log(container, 'container')
@ -623,9 +623,12 @@ onMounted(async () => {
.tab-container {
display: flex;
gap: 30px;
margin-right: 40px;
margin-left: 40px;
margin-bottom: 10px;
padding: 0 20px;
justify-content: flex-end;
justify-content: space-between;
height: 100%;
/* 新增右对齐 */
}
@ -633,19 +636,26 @@ onMounted(async () => {
cursor: pointer;
padding: 8px 12px;
font-size: clamp(18px, 3vw, 20px);
color: #999;
/* color: #999; */
color: #fff;
transition: all 0.3s;
border-bottom: 2px solid transparent;
font-weight: bold;
}
.tab-item.active {
color: #000;
border-color: #000;
/* color: #000;
border-color: #000; */
background: linear-gradient(0deg, #ffffff, #fec13e);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
border-color: #fec13e;
}
.tab-item:not(.active):hover {
color: #666;
color: #999999;
}
.tab-content {

Loading…
Cancel
Save