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