yangprivate-web/kdofficial
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 32 Wiki Activity

即将调节底部栏高度，特此保存

Browse Source
This commit is contained in:
zhcnyuyang 2025-05-01 15:17:33 +08:00
parent 55ccb983c3
commit 8a078a1291
3 changed files with 16 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
index.html
View File

@ -6,6 +6,14 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vite App</title> <title>Vite App</title>
</head> </head>
<style type="text/css">
#app
{
display: flex;
flex-direction: column;
min-height: 100vh;
}
</style>
<body> <body>
<div id="app"></div> <div id="app"></div>
<script type="module" src="/src/main.js"></script> <script type="module" src="/src/main.js"></script>

10
src/App.vue
View File

@ -1,7 +1,6 @@
<script setup> <script setup>
// import HelloWorld from './components/HelloWorld.vue'
// import TheWelcome from './components/TheWelcome.vue'
import Footer from './components/Footer.vue' import Footer from './components/Footer.vue'
import Toolbar from './components/Toolbar.vue'
</script> </script>
<template> <template>
@ -19,10 +18,15 @@ import Footer from './components/Footer.vue'
@import "node_modules/bootstrap/scss/_mixins.scss"; @import "node_modules/bootstrap/scss/_mixins.scss";
#contentPane{ #contentPane{
display: flex;
flex-direction: column;
min-height: 100vh;
} }
#content{ #content{
position: relative; position: relative;
flex:1;
width: 100%;
min-height: 100%;
} }
@include media-breakpoint-between(xs, sm) { @include media-breakpoint-between(xs, sm) {

2
src/components/Toolbar.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div id="topbar"> <div id="topbar">
<img <img
class="toplogo" id="toplogo"
referrerpolicy="no-referrer" referrerpolicy="no-referrer"
src="/toplogo.png" src="/toplogo.png"
/> />