@@ -76,7 +76,6 @@ export default { | |||||
* { | * { | ||||
margin: 0; | margin: 0; | ||||
padding: 0; | padding: 0; | ||||
font-size: 12px; | |||||
} | } | ||||
a { | a { | ||||
text-decoration: none; | text-decoration: none; | ||||
@@ -4,14 +4,66 @@ | |||||
<div class="backImg"> | <div class="backImg"> | ||||
<div class="logoBox"> | <div class="logoBox"> | ||||
<div class="logo_img"> | <div class="logo_img"> | ||||
<img @click="goHome" src="../../assets/img/logo/logo1.png" alt /> | |||||
<img src="../../assets/img/logo/logo1.png" alt /> | |||||
</div> | </div> | ||||
<div class="title_Box"> | <div class="title_Box"> | ||||
<p>瑜璟缘国际文化礼仪培训</p> | <p>瑜璟缘国际文化礼仪培训</p> | ||||
</div> | </div> | ||||
</div> | </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 | <el-menu | ||||
class="el-menu-demo" | class="el-menu-demo" | ||||
mode="horizontal" | mode="horizontal" | ||||
@@ -71,6 +123,7 @@ | |||||
</el-menu> | </el-menu> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</template> | </template> | ||||
<script> | <script> | ||||
@@ -84,8 +137,10 @@ export default { | |||||
handleSelect(key, keyPath) { | handleSelect(key, keyPath) { | ||||
// console.log(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-attachment: fixed; | ||||
background-repeat: repeat-x; | background-repeat: repeat-x; | ||||
background-size: 100% 160px; | 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 { | .Box { | ||||
overflow: hidden; | overflow: hidden; | ||||
} | } | ||||
@@ -118,7 +191,6 @@ export default { | |||||
// background-color: antiquewhite; | // background-color: antiquewhite; | ||||
margin: 5px; | margin: 5px; | ||||
float: left; | float: left; | ||||
cursor: pointer; | |||||
img { | img { | ||||
width: 100%; | width: 100%; | ||||
height: 100%; | height: 100%; | ||||
@@ -1,9 +1,9 @@ | |||||
<template> | <template> | ||||
<div> | <div> | ||||
<div class="bank"> | |||||
<div class="bank" @click="goLink(link)"> | |||||
<img class="img" :src="url" > | <img class="img" :src="url" > | ||||
<a :href="link" target="_blank" class="url">{{link}}</a> | |||||
</div> | |||||
<!-- <a :href="link" target="_blank" class="url">{{link}}</a> | |||||
--> </div> | |||||
</div> | </div> | ||||
</template> | </template> | ||||
<script> | <script> | ||||
@@ -11,7 +11,12 @@ export default { | |||||
props:{ | props:{ | ||||
url: String, | url: String, | ||||
link: String | link: String | ||||
} | |||||
}, | |||||
methods: { | |||||
goLink(link) { | |||||
window.open(link) | |||||
} | |||||
} | |||||
} | } | ||||
</script> | </script> | ||||
<style lang="scss" scoped> | <style lang="scss" scoped> | ||||
@@ -19,9 +24,11 @@ export default { | |||||
margin-top: 10px; | margin-top: 10px; | ||||
border-radius: 10px; | border-radius: 10px; | ||||
border: rgb(232, 232, 232) 1px solid; | border: rgb(232, 232, 232) 1px solid; | ||||
text-align: center; | |||||
cursor: pointer; | |||||
.img { | .img { | ||||
width: 90%; | width: 90%; | ||||
margin: 5px 10px 0 10px; | |||||
margin: 5px; | |||||
// height: 120px; | // height: 120px; | ||||
// background-color: deeppink; | // background-color: deeppink; | ||||
@@ -100,6 +100,7 @@ export default { | |||||
} | } | ||||
.column { | .column { | ||||
overflow: hidden; | overflow: hidden; | ||||
font-size: 12px; | |||||
.default { | .default { | ||||
background: linear-gradient(#ffffff, #cccccc); | background: linear-gradient(#ffffff, #cccccc); | ||||
height: 40px; | height: 40px; | ||||
@@ -129,6 +130,7 @@ export default { | |||||
line-height: 45px; | line-height: 45px; | ||||
background-color: rgb(153, 153, 153); | background-color: rgb(153, 153, 153); | ||||
color: #fff; | color: #fff; | ||||
font-size: 12px; | |||||
div { | div { | ||||
float: left; | float: left; | ||||
height: 45px; | height: 45px; | ||||
@@ -171,7 +173,7 @@ export default { | |||||
color: #999; | color: #999; | ||||
text-overflow: ellipsis; | text-overflow: ellipsis; | ||||
display: -webkit-box; | display: -webkit-box; | ||||
-webkit-line-clamp: 3; | |||||
-webkit-line-clamp: 1; | |||||
-webkit-box-orient: vertical; | -webkit-box-orient: vertical; | ||||
} | } | ||||
.time { | .time { | ||||
@@ -69,7 +69,7 @@ export default { | |||||
}, | }, | ||||
}; | }; | ||||
</script> | </script> | ||||
<style lang="scss" scoped> | |||||
<style scoped> | |||||
.titels { | .titels { | ||||
padding: 10px 0; | padding: 10px 0; | ||||
font-size: 18px; | font-size: 18px; | ||||
@@ -77,10 +77,13 @@ export default { | |||||
} | } | ||||
.leftBox { | .leftBox { | ||||
width: 75%; | width: 75%; | ||||
p { | |||||
} | |||||
.leftBox p { | |||||
text-align: center; | text-align: center; | ||||
padding: 10px; | padding: 10px; | ||||
} | } | ||||
.leftBox >>> img{ | |||||
width: 600px; | |||||
} | } | ||||
.particularsBox { | .particularsBox { | ||||
width: 90%; | width: 90%; | ||||
@@ -48,7 +48,6 @@ export default { | |||||
float: left; | float: left; | ||||
width: 260px; | width: 260px; | ||||
height: 180px; | height: 180px; | ||||
margin-left: 100px; | |||||
margin-right: 60px; | margin-right: 60px; | ||||
} | } |
@@ -23,7 +23,7 @@ | |||||
<div class="icon icon1"></div> | <div class="icon icon1"></div> | ||||
<div class="text">免费质询</div> | <div class="text">免费质询</div> | ||||
</a> | </a> | ||||
<div class="iconBox" @click="go('foreign?foreign=1')"> | |||||
<div class="iconBox" @click="go('teaching?tag=gjxx')"> | |||||
<div class="iconLeft icon2"></div> | <div class="iconLeft icon2"></div> | ||||
<div class="textLeft">授课名师</div> | <div class="textLeft">授课名师</div> | ||||
</div> | </div> | ||||
@@ -52,7 +52,7 @@ | |||||
<img class="logo" :src="item.mainPicRealPath" alt /> | <img class="logo" :src="item.mainPicRealPath" alt /> | ||||
<div class="journalismText"> | <div class="journalismText"> | ||||
<h3>{{item.title}}</h3> | <h3>{{item.title}}</h3> | ||||
<span>{{item.assistantTitle}}</span> | |||||
<span v-html="item.content"></span> | |||||
<div class="time">{{item.publishDate}} <span class="el-icon-view"> {{item.view}}</span></div> | <div class="time">{{item.publishDate}} <span class="el-icon-view"> {{item.view}}</span></div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
@@ -328,7 +328,7 @@ export default { | |||||
font-size: 16px; | font-size: 16px; | ||||
} | } | ||||
span { | span { | ||||
height: 55px; | |||||
height: 60px; | |||||
overflow: hidden; | overflow: hidden; | ||||
line-height: 19px; | line-height: 19px; | ||||
color: #999; | color: #999; | ||||
@@ -336,6 +336,7 @@ export default { | |||||
display: -webkit-box; | display: -webkit-box; | ||||
-webkit-line-clamp: 3; | -webkit-line-clamp: 3; | ||||
-webkit-box-orient: vertical; | -webkit-box-orient: vertical; | ||||
font-size: 12px; | |||||
} | } | ||||
.time { | .time { | ||||
line-height: 19px; | line-height: 19px; | ||||
@@ -361,3 +362,8 @@ export default { | |||||
} | } | ||||
} | } | ||||
</style> | </style> | ||||
<style scoped> | |||||
.journalismText span >>> span{ | |||||
font-size: 12px !important; | |||||
} | |||||
</style> |