样式定型

This commit is contained in:
zhcnyuyang 2025-06-10 15:34:43 +08:00
parent 1a7d09b65c
commit 13e7bcaf39
2 changed files with 9 additions and 5 deletions

View File

@ -19,9 +19,9 @@ export default defineComponent({
</button> </button>
<div class="collapse navbar-collapse" id="navbarCollapse"> <div class="collapse navbar-collapse" id="navbarCollapse">
<div class="navbar-nav ms-auto"> <div class="navbar-nav ms-auto">
<router-link to="/" class="nav-item nav-link active">主页</router-link> <a href="/" class="nav-item nav-link active">主页</a>
<router-link to="/Examples" class="nav-item nav-link">行业案例</router-link> <a href="/Examples" class="nav-item nav-link">行业案例</a>
<router-link to="/ContactUs" class="nav-item nav-link">联系我们</router-link> <a href="/ContactUs" class="nav-item nav-link">联系我们</a>
</div> </div>
</div> </div>
</div> </div>

View File

@ -23,26 +23,30 @@
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
height:auto; height:auto;
margin-left: 32px;
margin-right: 32px;
//margin-top: 64px; //margin-top: 64px;
@include media-breakpoint-between(xs, md) { @include media-breakpoint-between(xs, md) {
//margin-left: 32px; //margin-left: 32px;
//margin-right: 32px; //margin-right: 32px;
margin-top: 64px; margin-top: 64px;
margin-bottom: 64px; margin-bottom: 64px;
margin-left: 16px;
margin-right: 16px;
} }
@include media-breakpoint-between(md,xxl){ @include media-breakpoint-between(md,xxl){
//margin-left: 100px; //margin-left: 100px;
//margin-right: 100px; //margin-right: 100px;
margin-top: 96px; margin-top: 96px;
margin-bottom: 96px; margin-bottom: 96px;
margin-left: 32px;
margin-right: 32px;
} }
@include media-breakpoint-up(xxl) { @include media-breakpoint-up(xxl) {
//margin-left: 256px; //margin-left: 256px;
//margin-right: 256px; //margin-right: 256px;
margin-top: 96px; margin-top: 96px;
margin-bottom: 96px; margin-bottom: 96px;
margin-left: 32px;
margin-right: 32px;
} }
} }
//这是span //这是span