|
@ -32,31 +32,21 @@ |
|
|
import { onMounted, ref } from 'vue' |
|
|
import { onMounted, ref } from 'vue' |
|
|
import { useRouter } from 'vue-router' |
|
|
import { useRouter } from 'vue-router' |
|
|
import { setHeight } from '@/utils/setHeight' |
|
|
import { setHeight } from '@/utils/setHeight' |
|
|
import { useDataStore } from "@/store/dataList.js"; |
|
|
|
|
|
|
|
|
|
|
|
const { getQueryVariable, setActiveTabIndex } = useDataStore(); |
|
|
|
|
|
const router = useRouter() |
|
|
const router = useRouter() |
|
|
const pageRef = ref(null) |
|
|
const pageRef = ref(null) |
|
|
|
|
|
|
|
|
// onMounted(() => { |
|
|
|
|
|
// setHeight(pageRef.value) |
|
|
|
|
|
// }) |
|
|
|
|
|
onMounted(async () => { |
|
|
|
|
|
const isPhone = |
|
|
|
|
|
/phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone/i.test( |
|
|
|
|
|
navigator.userAgent |
|
|
|
|
|
); |
|
|
|
|
|
!isPhone && |
|
|
|
|
|
localStorage.setItem( |
|
|
|
|
|
"localToken", |
|
|
|
|
|
decodeURIComponent(String(getQueryVariable("token"))) |
|
|
|
|
|
); |
|
|
|
|
|
|
|
|
onMounted(() => { |
|
|
|
|
|
setHeight(pageRef.value) |
|
|
}) |
|
|
}) |
|
|
|
|
|
|
|
|
const goToDBQBmodel = () => { |
|
|
const goToDBQBmodel = () => { |
|
|
router.push('/DBQBmodel') |
|
|
router.push('/DBQBmodel') |
|
|
|
|
|
window.location.href = '/DBQBmodel' |
|
|
} |
|
|
} |
|
|
const goToEmotionsmodel = () => { |
|
|
const goToEmotionsmodel = () => { |
|
|
router.push('/Emotionsmodel') |
|
|
router.push('/Emotionsmodel') |
|
|
|
|
|
window.location.href = '/Emotionsmodel' |
|
|
} |
|
|
} |
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
@ -122,7 +112,7 @@ const goToEmotionsmodel = () => { |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.btn-ai { |
|
|
.btn-ai { |
|
|
height: 150px; |
|
|
|
|
|
|
|
|
height: 150px; |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
background-image: url('@/assets/img/Selectmodel/金轮 拷贝.png'); |
|
|
background-image: url('@/assets/img/Selectmodel/金轮 拷贝.png'); |
|
|
} |
|
|
} |
|
@ -153,6 +143,7 @@ height: 150px; |
|
|
.btn-text-dbqb { |
|
|
.btn-text-dbqb { |
|
|
background-image: url('@/assets/img/Selectmodel/-s-夺宝奇兵大模型.png'); |
|
|
background-image: url('@/assets/img/Selectmodel/-s-夺宝奇兵大模型.png'); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.btn-text-ai { |
|
|
.btn-text-ai { |
|
|
background-image: url('@/assets/img/Selectmodel/-s-AI情绪大模型.png'); |
|
|
background-image: url('@/assets/img/Selectmodel/-s-AI情绪大模型.png'); |
|
|
} |
|
|
} |
|
@ -191,7 +182,8 @@ height: 150px; |
|
|
/* 手机适配 */ |
|
|
/* 手机适配 */ |
|
|
@media screen and (max-width: 600px) { |
|
|
@media screen and (max-width: 600px) { |
|
|
.homepage { |
|
|
.homepage { |
|
|
height: auto; /* 解决底部留白 */ |
|
|
|
|
|
|
|
|
height: auto; |
|
|
|
|
|
/* 解决底部留白 */ |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
overflow-x: hidden; |
|
|
overflow-x: hidden; |
|
|
} |
|
|
} |
|
@ -238,12 +230,13 @@ height: 150px; |
|
|
z-index: 2; |
|
|
z-index: 2; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.footer-text1 { |
|
|
|
|
|
|
|
|
.footer-text1 { |
|
|
width: 100vw; |
|
|
width: 100vw; |
|
|
height: 60px; |
|
|
height: 60px; |
|
|
margin-top: 10px; |
|
|
margin-top: 10px; |
|
|
background-size: 100% 100%; /* 保证全宽显示 */ |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
background-size: 100% 100%; |
|
|
|
|
|
/* 保证全宽显示 */ |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
.footer-text2 { |
|
|
.footer-text2 { |
|
|
width: 70vw; |
|
|
width: 70vw; |
|
@ -252,11 +245,13 @@ height: 150px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
/* 平板适配 */ |
|
|
/* 平板适配 */ |
|
|
@media screen and (min-width: 601px) and (max-width: 1024px) { |
|
|
|
|
|
|
|
|
@media screen and (min-width: 601px) and (max-width: 1024px) { |
|
|
.homepage { |
|
|
.homepage { |
|
|
height: 120vh; |
|
|
height: 120vh; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.main-icon { |
|
|
.main-icon { |
|
|
margin-top: 50%; |
|
|
margin-top: 50%; |
|
|
width: 50vw; |
|
|
width: 50vw; |
|
@ -294,5 +289,5 @@ height: 150px; |
|
|
padding-top: 30px; |
|
|
padding-top: 30px; |
|
|
height: 26px; |
|
|
height: 26px; |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
} |
|
|
</style> |
|
|
</style> |