jiazhizhong/OpenIsle
1
0
Fork 0
mirror of https://github.com/nagisa77/OpenIsle.git synced 2026-06-03 16:37:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: add isMobile

Browse Source
This commit is contained in:
tim
2025-07-17 15:54:14 +08:00
parent cf86f66ecc
commit 36b53aa1a8
1 changed files with 4 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
open-isle-cli/src/views/HomePageView.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<div class="home-page" @scroll="handleScroll"> <div class="home-page" @scroll="handleScroll">
<div class="search-container"> <div v-if="!isMobile" class="search-container">
<div class="search-title">一切可能，从此刻启航</div> <div class="search-title">一切可能，从此刻启航</div>
<div class="search-subtitle">愿你在此遇见灵感与共鸣。若有疑惑，欢迎发问，亦可在知识的海洋中搜寻答案。</div> <div class="search-subtitle">愿你在此遇见灵感与共鸣。若有疑惑，欢迎发问，亦可在知识的海洋中搜寻答案。</div>
<SearchDropdown /> <SearchDropdown />
@@ -113,6 +113,7 @@ import ArticleTags from '../components/ArticleTags.vue'
import ArticleCategory from '../components/ArticleCategory.vue' import ArticleCategory from '../components/ArticleCategory.vue'
import SearchDropdown from '../components/SearchDropdown.vue' import SearchDropdown from '../components/SearchDropdown.vue'
import { hatch } from 'ldrs' import { hatch } from 'ldrs'
import { isMobile } from '../utils/screen'
hatch.register() hatch.register()
@@ -317,7 +318,7 @@ export default {
const sanitizeDescription = (text) => stripMarkdown(text) const sanitizeDescription = (text) => stripMarkdown(text)
return { topics, selectedTopic, articles, sanitizeDescription, isLoadingPosts, handleScroll, selectedCategory, selectedTags, tagOptions, categoryOptions } return { topics, selectedTopic, articles, sanitizeDescription, isLoadingPosts, handleScroll, selectedCategory, selectedTags, tagOptions, categoryOptions, isMobile }
} }
} }
</script> </script>
@@ -528,11 +529,7 @@ export default {
opacity: 0.7; opacity: 0.7;
} }
@media (max-width: var(--page-max-width)) { @container home-page (min-width: 900px) {
} }
@media (max-width: var(--page-max-width-mobile)) {
}
</style> </style>