@@ -16,12 +16,14 @@ | |||
<div class="text">13121112777</div> | |||
</div> | |||
<div class="qq"> | |||
<a href="http://wpa.qq.com/msgrd?v=3&uin=30397378&site=qq&menu=yes" target="view_window" class="Qq"> | |||
<div class="img"> | |||
<img src="./assets/img/xf/qq.png" alt=""> | |||
</div> | |||
<div class="text">QQ</div> | |||
</a> | |||
</div> | |||
<div class="Vx"> | |||
<div class="img"> | |||
@@ -154,7 +156,7 @@ ul { | |||
color: #fff; | |||
} | |||
} | |||
.Qq { | |||
.qq { | |||
background-color: rgb(41, 42, 86); | |||
overflow: hidden; | |||
margin-bottom: 10px; | |||
@@ -26,16 +26,28 @@ | |||
<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-item command="/attestation">培训课程</el-dropdown-item> --> | |||
<el-dropdown-item command="/">商务礼仪</el-dropdown-item> | |||
<el-dropdown-item command="/">接待礼仪</el-dropdown-item> | |||
<el-dropdown-item command="/">服务礼仪</el-dropdown-item> | |||
<el-dropdown-item command="/">物业礼仪</el-dropdown-item> | |||
<el-dropdown-item command="/">医疗礼仪</el-dropdown-item> | |||
<el-dropdown-item command="/">医美礼仪</el-dropdown-item> | |||
<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('/attestation')">精品课程<i class="el-icon-arrow-down el-icon--right"></i> </span> | |||
<span @click="goRouter('/course')">精品课程<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-item command="/teaching?tag=gjxx">国际礼仪班</el-dropdown-item> | |||
<el-dropdown-item command="/teaching?tag=swly">商务礼仪班</el-dropdown-item> --> | |||
<el-dropdown-item command="/course/detail?tag=gjxxlys">国际形象礼仪师培训</el-dropdown-item> | |||
<el-dropdown-item command="/course/detail?tag=gjxxgw">国际形象顾问培训</el-dropdown-item> | |||
<el-dropdown-item command="/course/detail?tag=gjlys">国际礼仪师培训</el-dropdown-item> | |||
<el-dropdown-item command="/course/detail?tag=cslm">城市联盟机构培训</el-dropdown-item> | |||
<el-dropdown-item command="/course/detail?tag=gjsw">国际商务礼仪精英认证(线上)</el-dropdown-item> | |||
<el-dropdown-item command="/course/detail?tag=">个人礼仪培训</el-dropdown-item> | |||
</el-dropdown-menu> | |||
</el-dropdown> | |||
<el-dropdown @command='goRouter'> | |||
@@ -50,6 +62,7 @@ | |||
<el-dropdown-menu slot="dropdown"> | |||
<el-dropdown-item command="">行业新闻</el-dropdown-item> | |||
<el-dropdown-item command="">学员风采</el-dropdown-item> | |||
<el-dropdown-item command="/excellent">企业培训案例</el-dropdown-item> | |||
</el-dropdown-menu> | |||
</el-dropdown> | |||
<el-dropdown @command='goRouter'> | |||
@@ -0,0 +1,64 @@ | |||
<!-- 精品课程 --> | |||
<template> | |||
<div class="Box"> | |||
<div class="leftBox"> | |||
<textTitle :text="textTitle" /> | |||
<div class="tempBox" v-for="(item, index) in data" :key="index" @click="goDetail(item.tag)"> | |||
<img src="../../assets/img/course/course1.png" alt=""> | |||
<p>{{item.name}}</p> | |||
</div> | |||
</div> | |||
<sidebar /> | |||
</div> | |||
</template> | |||
<script> | |||
import textTitle from "@/components/headTail/textTitle"; | |||
import sidebar from "@/components/sidebar/sidebar"; | |||
import courseJson from './course.js' | |||
export default { | |||
components: { | |||
textTitle, | |||
sidebar | |||
}, | |||
data() { | |||
return { | |||
tag: this.$route.query.tag, | |||
data: [ | |||
{name: '国际形象礼仪师培训', tag: 'gjxxlys'}, | |||
{name: '国际形象顾问培训', tag: 'gjxxgw'}, | |||
{name: '国际礼仪师培训', tag: 'gjlys'}, | |||
{name: '城市联盟机构培训', tag: 'cslm'}, | |||
{name: '国际商务礼仪精英认证(线上)', tag: 'gjsw'}, | |||
{name: '个人礼仪培训', tag: 'grly'} | |||
], | |||
textTitle: "精品课程" | |||
}; | |||
}, | |||
methods: { | |||
goDetail(tag) { | |||
this.$router.push({path: "/course/detail",query:{ tag: tag}}) | |||
} | |||
}, | |||
created() {}, | |||
}; | |||
</script> | |||
<style lang="scss" scoped> | |||
.tempBox { | |||
width: 45%; | |||
display: inline-block; | |||
margin: 20px; | |||
cursor: pointer; | |||
img{ | |||
width: 50px; | |||
float: left; | |||
} | |||
p{ | |||
line-height: 50px; | |||
margin-left: 20px; | |||
float: left; | |||
color: #404040; | |||
} | |||
} | |||
</style> |
@@ -0,0 +1,85 @@ | |||
<template> | |||
<div class="Box course_detail"> | |||
<div class="leftBox"> | |||
<textTitle :text="textTitle" /> | |||
<div v-html="data"></div> | |||
</div> | |||
<sidebar /> | |||
</div> | |||
</template> | |||
<script> | |||
import textTitle from "@/components/headTail/textTitle"; | |||
import sidebar from "@/components/sidebar/sidebar"; | |||
import courseJson from './course.js' | |||
export default { | |||
components: { | |||
sidebar, | |||
textTitle | |||
}, | |||
data() { | |||
return { | |||
tag: this.$route.query.tag, | |||
data: {}, | |||
textTitle: "精品课程" | |||
} | |||
}, | |||
watch: { | |||
$route() { | |||
this.getData() | |||
this.gitTitle(); | |||
} | |||
}, | |||
methods: { | |||
// 获取 标题 | |||
gitTitle() { | |||
let textTitleFlag = this.$route.query.tag; | |||
let arr = [ | |||
{ | |||
tag: 'gjxxlys', | |||
value: "国际形象礼仪师培训", | |||
}, | |||
{ | |||
tag: 'gjxxgw', | |||
value: "国际形象顾问培训", | |||
}, | |||
{ | |||
tag: 'gjlys', | |||
value: "国际礼仪师培训", | |||
}, | |||
{ | |||
tag: 'cslm', | |||
value: "城市联盟机构培训", | |||
}, | |||
{ | |||
tag: 'gjsw', | |||
value: "国际商务礼仪精英认证(线上)", | |||
}, | |||
{ | |||
tag: 'gjsw', | |||
value: "个人礼仪培训", | |||
} | |||
]; | |||
this.textTitle = arr.filter( | |||
(item) => item.tag == textTitleFlag | |||
)[0].value; | |||
}, | |||
getData() { | |||
this.data = courseJson[this.$route.query.tag] | |||
} | |||
}, | |||
created() { | |||
this.getData() | |||
this.gitTitle() | |||
} | |||
} | |||
</script> | |||
<style scoped> | |||
.course_detail >>> img{ | |||
max-width: 600px; | |||
} | |||
.course_detail .leftBox{ | |||
margin: 0 auto; | |||
width: 75%; | |||
} | |||
</style> |
@@ -1,4 +1,96 @@ | |||
export default { | |||
gjxxlys: ` | |||
<style> | |||
textarea#mentions { | |||
height: 350px; | |||
} | |||
div.card, | |||
.tox div.card { | |||
width: 240px; | |||
background: white; | |||
border: 1px solid #ccc; | |||
border-radius: 3px; | |||
box-shadow: 0 4px 8px 0 rgba(34, 47, 62, .1); | |||
padding: 8px; | |||
font-size: 14px; | |||
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; | |||
} | |||
div.card::after, | |||
.tox div.card::after { | |||
content: ""; | |||
clear: both; | |||
display: table; | |||
} | |||
div.card h1, | |||
.tox div.card h1 { | |||
font-size: 14px; | |||
font-weight: bold; | |||
margin: 0 0 8px; | |||
padding: 0; | |||
line-height: normal; | |||
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; | |||
} | |||
div.card p, | |||
.tox div.card p { | |||
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; | |||
} | |||
div.card img.avatar, | |||
.tox div.card img.avatar { | |||
width: 48px; | |||
height: 48px; | |||
margin-right: 8px; | |||
float: left; | |||
} | |||
</style> | |||
<textarea id="full-featured"><p style="text-align: center; font-size: 15px;"><img title="TinyMCE Logo" src="//www.tiny.cloud/images/glyph-tinymce@2x.png" alt="TinyMCE Logo" width="110" height="97" /> | |||
</p> | |||
<h2 style="text-align: center;">Welcome to the TinyMCE Cloud demo!</h2> | |||
<h5 style="text-align: center;">Note, this includes some "enterprise/premium" features.<br>Visit the <a href="https://www.tiny.cloud/pricing">pricing page</a> to learn more about our premium plugins.</h5> | |||
<p>Please try out the features provided in this full featured example.</p> | |||
<h2>Got questions or need help?</h2> | |||
<ul> | |||
<li>Our <a class="mceNonEditable" href="//www.tiny.cloud/docs/">documentation</a> is a great resource for learning how to configure TinyMCE.</li> | |||
<li>Have a specific question? Try the <a href="https://stackoverflow.com/questions/tagged/tinymce" target="_blank" rel="noopener"><code>tinymce</code> tag at Stack Overflow</a>.</li> | |||
<li>We also offer enterprise grade support as part of <a href="https://www.tiny.cloud/pricing">TinyMCE premium subscriptions</a>.</li> | |||
</ul> | |||
<h2>A simple table to play with</h2> | |||
<table style="border-collapse: collapse; width: 100%;" border="1"> | |||
<thead> | |||
<tr> | |||
<th>Product</th> | |||
<th>Cost</th> | |||
<th>Really?</th> | |||
</tr> | |||
</thead> | |||
<tbody> | |||
<tr> | |||
<td>TinyMCE Cloud</td> | |||
<td>Get started for free</td> | |||
<td>YES!</td> | |||
</tr> | |||
<tr> | |||
<td>Plupload</td> | |||
<td>Free</td> | |||
<td>YES!</td> | |||
</tr> | |||
</tbody> | |||
</table> | |||
<h2>Found a bug?</h2> | |||
<p>If you think you have found a bug please create an issue on the <a href="https://github.com/tinymce/tinymce/issues">GitHub repo</a> to report it to the developers.</p> | |||
<h2>Finally ...</h2> | |||
<p>Don't forget to check out our other product <a href="http://www.plupload.com" target="_blank">Plupload</a>, your ultimate upload solution featuring HTML5 upload support.</p> | |||
<p>Thanks for supporting TinyMCE! We hope it helps you and your users create great content.<br>All the best from the TinyMCE team.</p> | |||
</textarea>`, | |||
xxly: { | |||
x1: { | |||
topImg: 'x1.png', | |||
@@ -67,6 +67,20 @@ const routes = [ | |||
}, | |||
component: r => require.ensure([], () => r(require('@/page/teaching/detail.vue')), 'foreign') | |||
}, | |||
{ | |||
path: '/course', | |||
meta:{ | |||
title:"精品课程" | |||
}, | |||
component: r => require.ensure([], () => r(require('@/page/course/course.vue')), 'foreign') | |||
}, | |||
{ | |||
path: '/course/detail', | |||
meta:{ | |||
title:"精品课程详情" | |||
}, | |||
component: r => require.ensure([], () => r(require('@/page/course/detail.vue')), 'foreign') | |||
}, | |||
//企业培训-合作伙伴 | |||
{ | |||
path: '/partner', | |||