Browse Source

修改冲突

hongxilin/hotfix-20250625101643-手机输入法弹出输入框上浮
dongqian 1 week ago
parent
commit
0d1bb6ad14
  1. 55
      src/views/Selectmodel.vue

55
src/views/Selectmodel.vue

@ -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>
@ -116,13 +106,13 @@ const goToEmotionsmodel = () => {
} }
.btn-dbqb { .btn-dbqb {
height: 150px;
height: 150px;
width: 100%; width: 100%;
background-image: url('@/assets/img/Selectmodel/-s-夺宝奇兵logo.png'); background-image: url('@/assets/img/Selectmodel/-s-夺宝奇兵logo.png');
} }
.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 {
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 { .footer-text2 {
width: 70vw; 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 { .main-icon {
margin-top: 50%; margin-top: 50%;
width: 50vw; width: 50vw;
@ -276,7 +271,7 @@ height: 150px;
} }
.btn-text { .btn-text {
height: 90px; height: 90px;
width: 100%; width: 100%;
top: 70%; top: 70%;
@ -294,5 +289,5 @@ height: 150px;
padding-top: 30px; padding-top: 30px;
height: 26px; height: 26px;
} }
}
}
</style> </style>
Loading…
Cancel
Save