Sfoglia il codice sorgente

增加精品课程

master
chutingting 4 anni fa
parent
commit
4a671e5c74
7 ha cambiato i file con 5078 aggiunte e 7 eliminazioni
  1. +3
    -1
      src/App.vue
  2. +19
    -6
      src/components/headTail/head.vue
  3. +4801
    -0
      src/page/course/course.js
  4. +64
    -0
      src/page/course/course.vue
  5. +85
    -0
      src/page/course/detail.vue
  6. +92
    -0
      src/page/teaching/teaching.js
  7. +14
    -0
      src/router/index.js

+ 3
- 1
src/App.vue Vedi File

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


+ 19
- 6
src/components/headTail/head.vue Vedi File

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


+ 4801
- 0
src/page/course/course.js
File diff soppresso perché troppo grande
Vedi File


+ 64
- 0
src/page/course/course.vue Vedi File

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

+ 85
- 0
src/page/course/detail.vue Vedi File

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

+ 92
- 0
src/page/teaching/teaching.js Vedi File

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


+ 14
- 0
src/router/index.js Vedi File

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


Caricamento…
Annulla
Salva