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

01

Browse Source
This commit is contained in:
clay
2022-01-14 22:07:22 +08:00
parent 05e116af0d
commit 5356c8b948
11 changed files with 529 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -64,66 +64,78 @@
<div>学院首页</div>
</div>
</router-link>
<router-link to="/sp">
<span v-for="menu in menuData">
<a>
<div class="link_text">
<div class="border"></div>
<div>学院概况</div>
<div v-show="!english">{{ menu.title }}</div>
<div v-show="english">{{ menu.englishTitle }}</div>
<div class="secondary">
<ul>
<li v-for="item in menu.children" @click="menuCut(item)">
<span v-show="!english">{{ item.title }}</span>
<span v-show="english">{{ item.englishTitle }}</span>
</li>
</ul>
</div>
</div>
</router-link>
<router-link to="/ts">
<div class="link_text">
<div class="border"></div>
<div>党群工作</div>
</div>
</router-link>
<router-link to="/et">
<div class="link_text">
<div class="border"></div>
<div>师资队伍</div>
</div>
</router-link>
<router-link to="/">
<div class="link_text">
<div class="border"></div>
<div>教育教学</div>
</div>
</router-link>
<router-link to="/">
<div class="link_text">
<div class="border"></div>
<div>科学研究</div>
</div>
</router-link>
<router-link to="/">
<div class="link_text">
<div class="border"></div>
<div>学科建设</div>
</div>
</router-link>
<router-link to="/">
<div class="link_text">
<div class="border"></div>
<div>学生工作</div>
</div>
</router-link>
<router-link to="/">
<div class="link_text">
<div class="border"></div>
<div>校友工作</div>
</div>
</router-link>
<router-link to="/">
<div class="link_text">
<div class="border"></div>
<div>国际化</div>
</div>
</router-link>
<router-link to="/">
<div class="link_text">
<div class="border"></div>
<div>资料下载</div>
</div>
</router-link>
</a>
</span>
<!-- <router-link to="/ts">-->
<!-- <div class="link_text">-->
<!-- <div class="border"></div>-->
<!-- <div>党群工作</div>-->
<!-- </div>-->
<!-- </router-link>-->
<!-- <router-link to="/et">-->
<!-- <div class="link_text">-->
<!-- <div class="border"></div>-->
<!-- <div>师资队伍</div>-->
<!-- </div>-->
<!-- </router-link>-->
<!-- <router-link to="/">-->
<!-- <div class="link_text">-->
<!-- <div class="border"></div>-->
<!-- <div>教育教学</div>-->
<!-- </div>-->
<!-- </router-link>-->
<!-- <router-link to="/">-->
<!-- <div class="link_text">-->
<!-- <div class="border"></div>-->
<!-- <div>科学研究</div>-->
<!-- </div>-->
<!-- </router-link>-->
<!-- <router-link to="/">-->
<!-- <div class="link_text">-->
<!-- <div class="border"></div>-->
<!-- <div>学科建设</div>-->
<!-- </div>-->
<!-- </router-link>-->
<!-- <router-link to="/">-->
<!-- <div class="link_text">-->
<!-- <div class="border"></div>-->
<!-- <div>学生工作</div>-->
<!-- </div>-->
<!-- </router-link>-->
<!-- <router-link to="/">-->
<!-- <div class="link_text">-->
<!-- <div class="border"></div>-->
<!-- <div>校友工作</div>-->
<!-- </div>-->
<!-- </router-link>-->
<!-- <router-link to="/">-->
<!-- <div class="link_text">-->
<!-- <div class="border"></div>-->
<!-- <div>国际化</div>-->
<!-- </div>-->
<!-- </router-link>-->
<!-- <router-link to="/">-->
<!-- <div class="link_text">-->
<!-- <div class="border"></div>-->
<!-- <div>资料下载</div>-->
<!-- </div>-->
<!-- </router-link>-->
</div>
</el-col>
</el-row>
@@ -132,23 +144,35 @@
</template>
<script>
import {getNavigation} from "@/api";
export default {
name: "index",
data() {
return {
width: document.documentElement.clientWidth
english:false,
width: document.documentElement.clientWidth,
menuData:[],
}
},
created() {
console.log(this.width)
getNavigation({}).then(res=>{
this.menuData = res.data
})
},
methods: {
menuCut(menu){
this.$router.push("/" + menu.encodeId);
},
switchLang() {
let lang = ''
if (this.$i18n.locale === 'en') {
lang = 'cn'
this.english = false;
} else {
lang = 'en'
this.english = true;
}
this.$i18n.locale = lang;
}
@@ -225,7 +249,7 @@ export default {
.link_text {
width: 9%;
height: 100%;
line-height: 8.2rem;
//line-height: 8.2rem;
text-align: center;
float: left;
font-size: 1.4rem;
@@ -234,7 +258,34 @@ export default {
color: #FFFFFF;
cursor: pointer;
position: relative;
display: flex;
align-items: center;
justify-content: center;
vertical-align: middle;
.secondary{
display: none;
li{
height: 3rem;
list-style: none;
border-bottom: .1rem solid gray;
background-color: #1956BC;
display: flex;
align-items: center;
justify-content: center;
}
li:hover{
background-color: rgba(25, 86, 188, 0.6);
}
li:last-child{
border-radius: 0 0 .5rem .5rem;
border-bottom: none;
}
position: absolute;
top: 8rem;
width: 100%;
//height: 5rem;
//background-color: #1956BC;
}
.border {
position: absolute;
top: 0;
@@ -250,10 +301,14 @@ export default {
.border{
background-color: #fff;
}
.secondary{
display: table;
}
}
}
}
}
</style>