@@ -16,12 +16,14 @@ | |||||
<div class="text">13121112777</div> | <div class="text">13121112777</div> | ||||
</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"> | <a href="http://wpa.qq.com/msgrd?v=3&uin=30397378&site=qq&menu=yes" target="view_window" class="Qq"> | ||||
<div class="img"> | <div class="img"> | ||||
<img src="./assets/img/xf/qq.png" alt=""> | <img src="./assets/img/xf/qq.png" alt=""> | ||||
</div> | </div> | ||||
<div class="text">QQ</div> | <div class="text">QQ</div> | ||||
</a> | </a> | ||||
</div> | |||||
<div class="Vx"> | <div class="Vx"> | ||||
<div class="img"> | <div class="img"> | ||||
@@ -154,7 +156,7 @@ ul { | |||||
color: #fff; | color: #fff; | ||||
} | } | ||||
} | } | ||||
.Qq { | |||||
.qq { | |||||
background-color: rgb(41, 42, 86); | background-color: rgb(41, 42, 86); | ||||
overflow: hidden; | overflow: hidden; | ||||
margin-bottom: 10px; | margin-bottom: 10px; | ||||
@@ -26,16 +26,28 @@ | |||||
<el-dropdown @command='goRouter'> | <el-dropdown @command='goRouter'> | ||||
<span @click="goRouter('/home')">企业礼仪培训<i class="el-icon-arrow-down el-icon--right"></i> </span> | <span @click="goRouter('/home')">企业礼仪培训<i class="el-icon-arrow-down el-icon--right"></i> </span> | ||||
<el-dropdown-menu slot="dropdown"> | <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-menu> | ||||
</el-dropdown> | </el-dropdown> | ||||
<el-dropdown @command='goRouter'> | <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-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-menu> | ||||
</el-dropdown> | </el-dropdown> | ||||
<el-dropdown @command='goRouter'> | <el-dropdown @command='goRouter'> | ||||
@@ -50,6 +62,7 @@ | |||||
<el-dropdown-menu slot="dropdown"> | <el-dropdown-menu slot="dropdown"> | ||||
<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="/excellent">企业培训案例</el-dropdown-item> | |||||
</el-dropdown-menu> | </el-dropdown-menu> | ||||
</el-dropdown> | </el-dropdown> | ||||
<el-dropdown @command='goRouter'> | <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 { | 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: { | xxly: { | ||||
x1: { | x1: { | ||||
topImg: 'x1.png', | topImg: 'x1.png', | ||||
@@ -67,6 +67,20 @@ const routes = [ | |||||
}, | }, | ||||
component: r => require.ensure([], () => r(require('@/page/teaching/detail.vue')), 'foreign') | 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', | path: '/partner', | ||||