|
|
@@ -4,14 +4,66 @@ |
|
|
|
<div class="backImg">
|
|
|
|
<div class="logoBox">
|
|
|
|
<div class="logo_img">
|
|
|
|
<img @click="goHome" src="../../assets/img/logo/logo1.png" alt />
|
|
|
|
<img src="../../assets/img/logo/logo1.png" alt />
|
|
|
|
</div>
|
|
|
|
<div class="title_Box">
|
|
|
|
<p>瑜璟缘国际文化礼仪培训</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="navigation">
|
|
|
|
|
|
|
|
<div class="nav">
|
|
|
|
<el-dropdown>
|
|
|
|
<span class="title" @click="goRouter('/home')">
|
|
|
|
首页
|
|
|
|
</span>
|
|
|
|
<el-dropdown-menu style="opacity: 0" slot="dropdown"></el-dropdown-menu>
|
|
|
|
</el-dropdown>
|
|
|
|
<el-dropdown>
|
|
|
|
<span @click="goRouter('/attestationFingerpost?index=1')">IBIE国际测评与认证</span>
|
|
|
|
<el-dropdown-menu style="opacity: 0" slot="dropdown"></el-dropdown-menu>
|
|
|
|
</el-dropdown>
|
|
|
|
<el-dropdown @command='goRouter'>
|
|
|
|
<span @click="goRouter('/home')">企业礼仪培训<i class="el-icon-arrow-down el-icon--right"></i> </span>
|
|
|
|
<el-dropdown-menu slot="dropdown">
|
|
|
|
<el-dropdown-item command="/attestation">培训课程</el-dropdown-item>
|
|
|
|
<el-dropdown-item command="/excellent">案例</el-dropdown-item>
|
|
|
|
</el-dropdown-menu>
|
|
|
|
</el-dropdown>
|
|
|
|
<el-dropdown @command='goRouter'>
|
|
|
|
<span @click="goRouter('/attestation')">精品课程<i class="el-icon-arrow-down el-icon--right"></i> </span>
|
|
|
|
<el-dropdown-menu slot="dropdown">
|
|
|
|
<el-dropdown-item command="/teaching?tag=gjxx">国际礼仪班</el-dropdown-item>
|
|
|
|
<el-dropdown-item command="/teaching?tag=swly">商务礼仪班</el-dropdown-item>
|
|
|
|
<el-dropdown-item command="">线上课程</el-dropdown-item>
|
|
|
|
</el-dropdown-menu>
|
|
|
|
</el-dropdown>
|
|
|
|
<el-dropdown @command='goRouter'>
|
|
|
|
<span @click="goRouter('')">名师授课<i class="el-icon-arrow-down el-icon--right"></i> </span>
|
|
|
|
<el-dropdown-menu slot="dropdown">
|
|
|
|
<el-dropdown-item command="">创始人介绍</el-dropdown-item>
|
|
|
|
<el-dropdown-item command="">专家讲师介绍</el-dropdown-item>
|
|
|
|
</el-dropdown-menu>
|
|
|
|
</el-dropdown>
|
|
|
|
<el-dropdown @command='goRouter'>
|
|
|
|
<span @click="goRouter('/journalism')">新闻动态<i class="el-icon-arrow-down el-icon--right"></i> </span>
|
|
|
|
<el-dropdown-menu slot="dropdown">
|
|
|
|
<el-dropdown-item command="">行业新闻</el-dropdown-item>
|
|
|
|
<el-dropdown-item command="">学员风采</el-dropdown-item>
|
|
|
|
</el-dropdown-menu>
|
|
|
|
</el-dropdown>
|
|
|
|
<el-dropdown @command='goRouter'>
|
|
|
|
<span @click="goRouter('')">关于我们<i class="el-icon-arrow-down el-icon--right"></i> </span>
|
|
|
|
<el-dropdown-menu slot="dropdown">
|
|
|
|
<el-dropdown-item command="/companySynopsis">企业简介</el-dropdown-item>
|
|
|
|
<el-dropdown-item command="/invite">人才招聘</el-dropdown-item>
|
|
|
|
<el-dropdown-item command="">积分查询</el-dropdown-item>
|
|
|
|
<el-dropdown-item command="/my">联系我们</el-dropdown-item>
|
|
|
|
</el-dropdown-menu>
|
|
|
|
</el-dropdown>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="navigation" style="display:none">
|
|
|
|
<el-menu
|
|
|
|
class="el-menu-demo"
|
|
|
|
mode="horizontal"
|
|
|
@@ -71,6 +123,7 @@ |
|
|
|
</el-menu>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
|
@@ -84,8 +137,10 @@ export default { |
|
|
|
handleSelect(key, keyPath) {
|
|
|
|
// console.log(key, keyPath);
|
|
|
|
},
|
|
|
|
goHome() {
|
|
|
|
this.$router.push({path: "/homg"})
|
|
|
|
goRouter(url) {
|
|
|
|
if(url) {
|
|
|
|
this.$router.push(url);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
};
|
|
|
@@ -98,7 +153,25 @@ export default { |
|
|
|
background-attachment: fixed;
|
|
|
|
background-repeat: repeat-x;
|
|
|
|
background-size: 100% 160px;
|
|
|
|
}
|
|
|
|
.nav {
|
|
|
|
width: 1200px;
|
|
|
|
margin: 20px auto;
|
|
|
|
display: flex;
|
|
|
|
height: 60px;
|
|
|
|
line-height: 60px;
|
|
|
|
background: #606266;
|
|
|
|
.el-dropdown{
|
|
|
|
flex: 1;
|
|
|
|
text-align: center;
|
|
|
|
color: #fff;
|
|
|
|
cursor: pointer;
|
|
|
|
.title{
|
|
|
|
width: 100%;
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.Box {
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
@@ -118,7 +191,6 @@ export default { |
|
|
|
// background-color: antiquewhite;
|
|
|
|
margin: 5px;
|
|
|
|
float: left;
|
|
|
|
cursor: pointer;
|
|
|
|
img {
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|