tone/tonePage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化 notfound界面响应式布局

Browse Source
This commit is contained in:
tone
2024-09-12 21:27:37 +08:00
parent 36d33d9f11
commit d01efd710e
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
tonecn/src/views/NotFound.vue
View File

@@ -3,7 +3,7 @@ import { onMounted, onUnmounted, ref } from 'vue';
const containerHeight = ref('800px'); const containerHeight = ref('800px');
onMounted(async () => { onMounted(async () => {
document.title = '404 不存在的页面'; document.title = '404 不存在的页面';
containerHeight.value = window.innerHeight > 500 ? window.innerHeight -85 + 'px' : '390px'; containerHeight.value = window.innerHeight > 500 ? window.innerHeight - 90 + 'px' : '390px';
}) })
onUnmounted(() => { onUnmounted(() => {
document.title = '特恩(TONE)'; document.title = '特恩(TONE)';
@@ -35,4 +35,10 @@ onUnmounted(() => {
padding: 0 20px; padding: 0 20px;
height: v-bind(containerHeight); height: v-bind(containerHeight);
} }
@media screen and (max-width: 800px) {
.content-container {
height: calc(v-bind(containerHeight) + 15px);
}
}
</style> </style>