| @@ -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> | |||||