diff --git a/src/views/Selectmodel.vue b/src/views/Selectmodel.vue index ba3c347..57197bc 100644 --- a/src/views/Selectmodel.vue +++ b/src/views/Selectmodel.vue @@ -32,31 +32,21 @@ import { onMounted, ref } from 'vue' import { useRouter } from 'vue-router' import { setHeight } from '@/utils/setHeight' -import { useDataStore } from "@/store/dataList.js"; -const { getQueryVariable, setActiveTabIndex } = useDataStore(); const router = useRouter() 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 = () => { router.push('/DBQBmodel') + window.location.href = '/DBQBmodel' } const goToEmotionsmodel = () => { router.push('/Emotionsmodel') + window.location.href = '/Emotionsmodel' } @@ -116,13 +106,13 @@ const goToEmotionsmodel = () => { } .btn-dbqb { - height: 150px; + height: 150px; width: 100%; background-image: url('@/assets/img/Selectmodel/-s-夺宝奇兵logo.png'); } .btn-ai { -height: 150px; + height: 150px; width: 100%; background-image: url('@/assets/img/Selectmodel/金轮 拷贝.png'); } @@ -153,6 +143,7 @@ height: 150px; .btn-text-dbqb { background-image: url('@/assets/img/Selectmodel/-s-夺宝奇兵大模型.png'); } + .btn-text-ai { background-image: url('@/assets/img/Selectmodel/-s-AI情绪大模型.png'); } @@ -191,7 +182,8 @@ height: 150px; /* 手机适配 */ @media screen and (max-width: 600px) { .homepage { - height: auto; /* 解决底部留白 */ + height: auto; + /* 解决底部留白 */ width: 100%; overflow-x: hidden; } @@ -238,12 +230,13 @@ height: 150px; z-index: 2; } -.footer-text1 { - width: 100vw; - height: 60px; - margin-top: 10px; - background-size: 100% 100%; /* 保证全宽显示 */ -} + .footer-text1 { + width: 100vw; + height: 60px; + margin-top: 10px; + background-size: 100% 100%; + /* 保证全宽显示 */ + } .footer-text2 { width: 70vw; @@ -252,11 +245,13 @@ height: 150px; } } + /* 平板适配 */ - @media screen and (min-width: 601px) and (max-width: 1024px) { - .homepage { - height: 120vh; - } +@media screen and (min-width: 601px) and (max-width: 1024px) { + .homepage { + height: 120vh; + } + .main-icon { margin-top: 50%; width: 50vw; @@ -276,7 +271,7 @@ height: 150px; } .btn-text { - + height: 90px; width: 100%; top: 70%; @@ -294,5 +289,5 @@ height: 150px; padding-top: 30px; height: 26px; } - } +} \ No newline at end of file