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