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 12:09:16 +08:00
parent 154d08e918
commit 55ccb983c3
4 changed files with 24 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/topcode.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 610 B

BIN
public/toplogo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
public/waptoptoolbarbuttom.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 191 B

26
src/components/Toolbar.vue
View File

@ -1,5 +1,11 @@
<template>
<div id="topbar">
<img
class="toplogo"
referrerpolicy="no-referrer"
src="/toplogo.png"
/>
</div>
</template>
<script>
@ -8,6 +14,22 @@ export default {
}
</script>
<style scoped>
<style scoped lang="scss">
@import "node_modules/bootstrap/scss/_functions.scss";
@import "node_modules/bootstrap/scss/_variables.scss";
@import "node_modules/bootstrap/scss/_mixins.scss";
#topbar
{
background-color: rgba(255,255,255,0);
width: 100%;
@include media-breakpoint-between(xs, md) {
height: 16px;
margin: 3px 0 1px 0;
}
@include media-breakpoint-up(md){
height: 28px;
margin: 34px 0 0 256px;
}
}
</style>