样式定型
This commit is contained in:
parent
1a7d09b65c
commit
13e7bcaf39
@ -19,9 +19,9 @@ export default defineComponent({
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarCollapse">
|
||||
<div class="navbar-nav ms-auto">
|
||||
<router-link to="/" class="nav-item nav-link active">主页</router-link>
|
||||
<router-link to="/Examples" class="nav-item nav-link">行业案例</router-link>
|
||||
<router-link to="/ContactUs" class="nav-item nav-link">联系我们</router-link>
|
||||
<a href="/" class="nav-item nav-link active">主页</a>
|
||||
<a href="/Examples" class="nav-item nav-link">行业案例</a>
|
||||
<a href="/ContactUs" class="nav-item nav-link">联系我们</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -23,26 +23,30 @@
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
height:auto;
|
||||
margin-left: 32px;
|
||||
margin-right: 32px;
|
||||
//margin-top: 64px;
|
||||
@include media-breakpoint-between(xs, md) {
|
||||
//margin-left: 32px;
|
||||
//margin-right: 32px;
|
||||
margin-top: 64px;
|
||||
margin-bottom: 64px;
|
||||
margin-left: 16px;
|
||||
margin-right: 16px;
|
||||
}
|
||||
@include media-breakpoint-between(md,xxl){
|
||||
//margin-left: 100px;
|
||||
//margin-right: 100px;
|
||||
margin-top: 96px;
|
||||
margin-bottom: 96px;
|
||||
margin-left: 32px;
|
||||
margin-right: 32px;
|
||||
}
|
||||
@include media-breakpoint-up(xxl) {
|
||||
//margin-left: 256px;
|
||||
//margin-right: 256px;
|
||||
margin-top: 96px;
|
||||
margin-bottom: 96px;
|
||||
margin-left: 32px;
|
||||
margin-right: 32px;
|
||||
}
|
||||
}
|
||||
//这是span!
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user