@@ -78,6 +78,7 @@ export default { | |||||
* { | * { | ||||
margin: 0; | margin: 0; | ||||
padding: 0; | padding: 0; | ||||
font-size: 14px; | |||||
} | } | ||||
a { | a { | ||||
text-decoration: none; | text-decoration: none; | ||||
@@ -34,7 +34,7 @@ export default { | |||||
.answer { | .answer { | ||||
line-height: 20px; | line-height: 20px; | ||||
padding: 10px 0; | padding: 10px 0; | ||||
font-size: 12px; | |||||
font-size: 14px; | |||||
} | } | ||||
.answer:before { | .answer:before { | ||||
font-weight: bolder; | font-weight: bolder; | ||||
@@ -2,13 +2,13 @@ | |||||
<div class="bgBox"> | <div class="bgBox"> | ||||
<div class="Box"> | <div class="Box"> | ||||
<div class="backImg"> | <div class="backImg"> | ||||
<div class="logoBox"> | |||||
<!-- <div class="logoBox"> | |||||
<div class="logo_img"> | <div class="logo_img"> | ||||
<img 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> | ||||
@@ -160,10 +160,11 @@ export default { | |||||
</script> | </script> | ||||
<style lang="scss" scoped> | <style lang="scss" scoped> | ||||
.bgBox { | .bgBox { | ||||
width: 100%; | width: 100%; | ||||
background-image: url("../../assets/img/bg/2165324.png"); | background-image: url("../../assets/img/bg/2165324.png"); | ||||
background-attachment: fixed; | |||||
//background-attachment: fixed; | |||||
background-repeat: repeat-x; | background-repeat: repeat-x; | ||||
background-size: 100% 160px; | background-size: 100% 160px; | ||||
.nav { | .nav { | ||||
@@ -244,4 +245,4 @@ export default { | |||||
.el-menu--horizontal { | .el-menu--horizontal { | ||||
width: 100%; | width: 100%; | ||||
} | } | ||||
</style> | |||||
</style> |
@@ -2,8 +2,9 @@ | |||||
<div class="Box"> | <div class="Box"> | ||||
<div class="tailBox"> | <div class="tailBox"> | ||||
<div class="tail"> | <div class="tail"> | ||||
<p class="text">© 2019 | International Business Image Etiquette Standards Evaluation..All rights reserved. </p> | |||||
<p class="text">© 2020 | International Business Image Etiquette Standards Evaluation..All rights reserved. </p> | |||||
<p class="text"> | |||||
© 2019 | International Business Image Etiquette Standards Evaluation..All rights reserved. 京ICP备20027204号 | |||||
</p> | |||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
@@ -19,7 +19,7 @@ | |||||
margin-top: 50px; | margin-top: 50px; | ||||
overflow: hidden; | overflow: hidden; | ||||
p { | p { | ||||
font-size: 26px; | |||||
font-size: 24px; | |||||
font-weight: bold; | font-weight: bold; | ||||
} | } | ||||
.w_line { | .w_line { | ||||
@@ -100,7 +100,7 @@ export default { | |||||
} | } | ||||
.column { | .column { | ||||
overflow: hidden; | overflow: hidden; | ||||
font-size: 12px; | |||||
font-size: 14px; | |||||
.default { | .default { | ||||
background: linear-gradient(#ffffff, #cccccc); | background: linear-gradient(#ffffff, #cccccc); | ||||
height: 40px; | height: 40px; | ||||
@@ -130,7 +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; | |||||
font-size: 14px; | |||||
div { | div { | ||||
float: left; | float: left; | ||||
height: 45px; | height: 45px; | ||||
@@ -2,17 +2,17 @@ | |||||
<div class="Box"> | <div class="Box"> | ||||
<div class="leftBox"> | <div class="leftBox"> | ||||
<textTitle text="课程认证" /> | <textTitle text="课程认证" /> | ||||
<ul style="float: left;width: 50%;"> | |||||
<ul> | |||||
<li v-for="(item, index) in schedule1" :key="index"> | <li v-for="(item, index) in schedule1" :key="index"> | ||||
<course :name="item.naem" :time="item.time" :text="item.text"/> | <course :name="item.naem" :time="item.time" :text="item.text"/> | ||||
</li> | </li> | ||||
</ul> | </ul> | ||||
<ul style="float: left;width: 50%;overflow: hidden;"> | |||||
<!-- <ul style="float: left;width: 50%;overflow: hidden;"> | |||||
<li v-for="(item, index) in schedule2" :key="index"> | <li v-for="(item, index) in schedule2" :key="index"> | ||||
<course :name="item.naem" :time="item.time" :text="item.text"/> | <course :name="item.naem" :time="item.time" :text="item.text"/> | ||||
</li> | </li> | ||||
</ul> | |||||
</ul> --> | |||||
</div> | </div> | ||||
<sidebar /> | <sidebar /> | ||||
</div> | </div> | ||||
@@ -55,8 +55,6 @@ export default { | |||||
time:'56课时/期', | time:'56课时/期', | ||||
text:'名师导师亲自带你入门,手把手教学,课后辅导,疑惑解答等问题,都有老师指导。' | text:'名师导师亲自带你入门,手把手教学,课后辅导,疑惑解答等问题,都有老师指导。' | ||||
}, | }, | ||||
], | |||||
schedule2:[ | |||||
{ | { | ||||
naem:'个人形象设计入门初级训练', | naem:'个人形象设计入门初级训练', | ||||
time:'2-4课时/期', | time:'2-4课时/期', | ||||
@@ -82,9 +80,18 @@ export default { | |||||
time:'56课时/期', | time:'56课时/期', | ||||
text:'整包合作,基于协议基础,根据时间组班授课,性价比高,培训效果好,加深记忆和使用效果,名师导师亲自带你入门,手把手教学。' | text:'整包合作,基于协议基础,根据时间组班授课,性价比高,培训效果好,加深记忆和使用效果,名师导师亲自带你入门,手把手教学。' | ||||
}, | }, | ||||
], | |||||
schedule2:[ | |||||
] | ] | ||||
} | } | ||||
}, | }, | ||||
}; | }; | ||||
</script> | |||||
</script> | |||||
<style scoped> | |||||
.leftBox ul li{ | |||||
width: 50%; | |||||
float: left; | |||||
} | |||||
</style> |
@@ -22,7 +22,7 @@ export default { | |||||
<style lang="scss" scoped> | <style lang="scss" scoped> | ||||
.courseBox { | .courseBox { | ||||
overflow: hidden; | overflow: hidden; | ||||
margin-top: 20px; | |||||
margin-top: 28px; | |||||
width: 100%; | width: 100%; | ||||
.logoBox { | .logoBox { | ||||
width: 100px; | width: 100px; | ||||
@@ -33,7 +33,7 @@ export default { | |||||
} | } | ||||
.introduceBox { | .introduceBox { | ||||
float: left; | float: left; | ||||
height: 100px; | |||||
// height: 100px; | |||||
width: 266px; | width: 266px; | ||||
.courseTime { | .courseTime { | ||||
@@ -48,14 +48,9 @@ export default { | |||||
} | } | ||||
} | } | ||||
.describe { | .describe { | ||||
height: 50px; | |||||
line-height: 25px; | line-height: 25px; | ||||
color: rgb(136, 136, 136); | color: rgb(136, 136, 136); | ||||
text-overflow: ellipsis; | |||||
display: -webkit-box; | |||||
-webkit-line-clamp: 2; | |||||
-webkit-box-orient: vertical; | |||||
font-size: 12px; | |||||
font-size: 14px; | |||||
} | } | ||||
} | } | ||||
@@ -76,8 +76,12 @@ export default { | |||||
</script> | </script> | ||||
<style scoped> | <style scoped> | ||||
.course_detail >>> img{ | .course_detail >>> img{ | ||||
max-width: 600px; | |||||
max-width: 100%; | |||||
} | } | ||||
.course_detail >>> *{ | |||||
line-height: 26px; | |||||
} | |||||
.course_detail .leftBox{ | .course_detail .leftBox{ | ||||
margin: 0 auto; | margin: 0 auto; | ||||
width: 75%; | width: 75%; | ||||
@@ -23,11 +23,11 @@ | |||||
<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('teaching?tag=gjxx')"> | |||||
<div class="iconBox" @click="go('famousTeacher?tag=zj')"> | |||||
<div class="iconLeft icon2"></div> | <div class="iconLeft icon2"></div> | ||||
<div class="textLeft">授课名师</div> | <div class="textLeft">授课名师</div> | ||||
</div> | </div> | ||||
<div class="iconBox" @click="go('attestation')"> | |||||
<div class="iconBox" @click="go('course')"> | |||||
<div class="icon icon3"></div> | <div class="icon icon3"></div> | ||||
<div class="text">热门课程</div> | <div class="text">热门课程</div> | ||||
</div> | </div> | ||||
@@ -166,7 +166,7 @@ export default { | |||||
.text { | .text { | ||||
float: left; | float: left; | ||||
width: 700px; | width: 700px; | ||||
font-size: 15px; | |||||
font-size: 14px; | |||||
line-height: 25px; | line-height: 25px; | ||||
} | } | ||||
img { | img { | ||||
@@ -328,7 +328,7 @@ export default { | |||||
font-size: 16px; | font-size: 16px; | ||||
} | } | ||||
span { | span { | ||||
height: 60px; | |||||
height: 68px; | |||||
overflow: hidden; | overflow: hidden; | ||||
line-height: 19px; | line-height: 19px; | ||||
color: #999; | color: #999; | ||||
@@ -336,7 +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; | |||||
font-size: 14px; | |||||
} | } | ||||
.time { | .time { | ||||
line-height: 19px; | line-height: 19px; | ||||
@@ -364,6 +364,6 @@ export default { | |||||
</style> | </style> | ||||
<style scoped> | <style scoped> | ||||
.journalismText span >>> span{ | .journalismText span >>> span{ | ||||
font-size: 12px !important; | |||||
font-size: 14px !important; | |||||
} | } | ||||
</style> | </style> |
@@ -103,7 +103,7 @@ export default { | |||||
line-height: 20px; | line-height: 20px; | ||||
overflow: hidden; | overflow: hidden; | ||||
color: #999; | color: #999; | ||||
font-size: 12px; | |||||
font-size: 14px; | |||||
} | } | ||||
.time { | .time { | ||||
display: block; | display: block; | ||||
@@ -121,6 +121,6 @@ export default { | |||||
</style> | </style> | ||||
<style scoped> | <style scoped> | ||||
.detailBox .imgBox >>> span{ | .detailBox .imgBox >>> span{ | ||||
font-size: 12px !important; | |||||
font-size: 14px !important; | |||||
} | } | ||||
</style> | </style> |
@@ -101,7 +101,7 @@ export default { | |||||
span { | span { | ||||
display: block; | display: block; | ||||
margin-top: 10px; | margin-top: 10px; | ||||
font-size: 12px; | |||||
font-size: 14px; | |||||
height: 85px; | height: 85px; | ||||
color: #999; | color: #999; | ||||
display: -webkit-box; | display: -webkit-box; | ||||