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

PC版导航栏搞定！

Browse Source
This commit is contained in:
zhcnyuyang 2025-05-02 00:24:12 +08:00
parent e3e9afabbf
commit 51ac07295c
1 changed files with 15 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/components/Toolbar.vue
View File

@ -48,7 +48,7 @@ export default {
} }
@include media-breakpoint-up(md){ @include media-breakpoint-up(md){
//width: 80px; //width: 80px;
width: 192px; width: 100px;
height: 28px; height: 28px;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
@ -58,6 +58,7 @@ export default {
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 28px; line-height: 28px;
display: inline-block;
} }
} }
@ -98,16 +99,15 @@ export default {
{ {
background-color: black; background-color: black;
//background-color: rgba(255,255,255,0); //background-color: rgba(255,255,255,0);
//width: 100%; width: 100%;
@include media-breakpoint-between(xs, md) { @include media-breakpoint-between(xs, md) {
height: 16px; height: 28px;
margin: 3px 0 1px 0; //margin: 3px 0 1px 0;
} }
@include media-breakpoint-up(md){ @include media-breakpoint-up(md){
height: 28px; height: 28px;
//max-width: 1371px; //max-width: 1371px;
//min-width: 807.33px; //min-width: 807.33px;
width: 100%;
//margin: 34px 256px 0 256px; //margin: 34px 256px 0 256px;
//margin-left: 256px; //margin-left: 256px;
//margin-right: 256px; //margin-right: 256px;
@ -120,10 +120,12 @@ export default {
{ {
//float: right; //float: right;
@include media-breakpoint-between(xs, md) { @include media-breakpoint-between(xs, md) {
width:88px;
height:16px;
margin-left: 3px;
} }
@include media-breakpoint-up(md){ @include media-breakpoint-up(md){
margin-left: 256px; margin-left: 100px;
} }
} }
@ -131,10 +133,11 @@ export default {
{ {
float: right; float: right;
@include media-breakpoint-between(xs, md) { @include media-breakpoint-between(xs, md) {
visibility: collapse;
} }
@include media-breakpoint-up(md){ @include media-breakpoint-up(md){
//width:100%;
display: inline-block;
} }
} }
@ -142,7 +145,7 @@ export default {
{ {
float: right; float: right;
@include media-breakpoint-between(xs, md) { @include media-breakpoint-between(xs, md) {
visibility: collapse;
} }
@include media-breakpoint-up(md){ @include media-breakpoint-up(md){
width: 23px; width: 23px;
@ -150,7 +153,7 @@ export default {
//margin-top: 2px; //margin-top: 2px;
//margin: 3px 0 0 30px; //margin: 3px 0 0 30px;
//top:3px; //top:3px;
margin-right: 285px; margin-right: 100px;
} }
} }
@ -166,7 +169,7 @@ export default {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@include media-breakpoint-between(xs, md) { @include media-breakpoint-between(xs, md) {
height:22px; height:70px;
} }
@include media-breakpoint-up(md){ @include media-breakpoint-up(md){
//height: 34px; //height: 34px;