Ver código fonte

修改页面内容

master
chutingting 4 anos atrás
pai
commit
a791cf221e
7 arquivos alterados com 107 adições e 19 exclusões
  1. +0
    -1
      src/App.vue
  2. +78
    -6
      src/components/headTail/head.vue
  3. +12
    -5
      src/components/partner/partnerBox.vue
  4. +3
    -1
      src/components/sidebar/sidebar.vue
  5. +5
    -2
      src/page/cultivate/particulars.vue
  6. +0
    -1
      src/page/cultivate/partner.vue
  7. +9
    -3
      src/page/home/home.vue

+ 0
- 1
src/App.vue Ver arquivo

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


+ 78
- 6
src/components/headTail/head.vue Ver arquivo

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


+ 12
- 5
src/components/partner/partnerBox.vue Ver arquivo

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


+ 3
- 1
src/components/sidebar/sidebar.vue Ver arquivo

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


+ 5
- 2
src/page/cultivate/particulars.vue Ver arquivo

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


+ 0
- 1
src/page/cultivate/partner.vue Ver arquivo

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

+ 9
- 3
src/page/home/home.vue Ver arquivo

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

Carregando…
Cancelar
Salvar