odjbin/sist_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

220

Browse Source
This commit is contained in:
clay
2022-01-22 00:57:57 +08:00
parent 2c4b597942
commit 72fbaed559
16 changed files with 267 additions and 217 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/views/header/index.vue
View File

@@ -25,7 +25,7 @@
</el-col>
<el-col :span="3">
<div class="link">
{{ $t('message.Services portal') }}
{{ $t('message.services_portal') }}
</div>
</el-col>
<el-col :offset="11" :span="2">
@@ -36,7 +36,7 @@
<!--导航部分-->
<div class="bottom">
<el-row>
<el-col v-show="width" :xs="1" :sm="1" :md="4" :lg="4" :xl="4">
<el-col v-show="width" :xs="1" :sm="1" :md="4" :lg="4" :xl="5">
<div class="icon">
<div class="icont"><img src="@/assets/header/sy_logo1@2x.png" alt=""></div>
<div class="iconb"><img src="@/assets/header/sy_logo2@2x.png" alt=""></div>
@@ -45,11 +45,12 @@
<el-col v-show="width" :span="1">
<div class="grid-content"></div>
</el-col>
<el-col :xs="24" :sm="24" :md="24" :lg="19" :xl="19" :span="19">
<el-col :xs="24" :sm="24" :md="24" :lg="19" :xl="19">
<div class="banner">
<router-link to="/">
<div class="link_text">
<div class="link_text_title">学院首页</div>
<div v-show="!english" style="padding: 0 1.1rem;" class="link_text_title">学院首页</div>
<div v-show="english" style="padding: 0 .9rem" class="link_text_title">Home</div>
</div>
</router-link>
@@ -57,11 +58,11 @@
<a>
<div class="link_text">
<div class="link_text_title">
<span v-show="!english">{{ menu.title }}</span>
<span v-show="english">{{ menu.englishTitle }}</span>
</div>
<span style="padding: 0 1.1rem;" v-show="!english">{{ menu.title }}</span>
<span style="padding: 0 .9rem" v-show="english">{{ menu.englishTitle }}</span>
<div class="secondary">
<ul>
<ul style="text-align:left;">
<li class="menu_list" v-for="(item,i) in menu.children" :key="i" @click="menuCut(item)">
<div class="menu_suffix">
<div>
@@ -72,6 +73,8 @@
</li>
</ul>
</div>
</div>
<!--<div class="secondary" v-if="index == 5">-->
</div>
</a>
</span>
@@ -207,9 +210,11 @@ export default {
clear: left;
.link_text {
width: 9%;
//width: 9%;
height: 100%;
//line-height: 8.2rem;
//padding: 0 .9rem;
//padding: 0 1.1rem;
text-align: center;
float: left;
font-size: 1.4rem;
@@ -217,21 +222,26 @@ export default {
font-weight: 400;
color: #FFFFFF;
cursor: pointer;
position: relative;
//position: relative;
display: flex;
align-items: center;
justify-content: center;
vertical-align: middle;
}
.link_text_title{
position: relative;
}
.secondary {
display: none;
width: 16.5rem;
width: 25rem;
position: absolute;
top: 6rem;
//top: 6rem;
background-color: transparent;
text-align: left !important;
margin-top: 1rem;
//display: block;
//width: 100%;
//height: 5rem;
@@ -297,7 +307,7 @@ export default {
display: block;
}
.link_text_title{
font-weight: bolder !important;
//font-weight: bolder !important;
}
}