@@ -0,0 +1,3 @@ | |||||
> 1% | |||||
last 2 versions | |||||
not dead |
@@ -0,0 +1,5 @@ | |||||
[*.{js,jsx,ts,tsx,vue}] | |||||
indent_style = space | |||||
indent_size = 2 | |||||
trim_trailing_whitespace = true | |||||
insert_final_newline = true |
@@ -0,0 +1,17 @@ | |||||
module.exports = { | |||||
root: true, | |||||
env: { | |||||
node: true | |||||
}, | |||||
extends: [ | |||||
'plugin:vue/essential', | |||||
'@vue/standard' | |||||
], | |||||
parserOptions: { | |||||
parser: 'babel-eslint' | |||||
}, | |||||
rules: { | |||||
'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off', | |||||
'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off' | |||||
} | |||||
} |
@@ -0,0 +1,22 @@ | |||||
.DS_Store | |||||
node_modules | |||||
/dist | |||||
# local env files | |||||
.env.local | |||||
.env.*.local | |||||
# Log files | |||||
npm-debug.log* | |||||
yarn-debug.log* | |||||
yarn-error.log* | |||||
pnpm-debug.log* | |||||
# Editor directories and files | |||||
.idea | |||||
.vscode | |||||
*.suo | |||||
*.ntvs* | |||||
*.njsproj | |||||
*.sln | |||||
*.sw? |
@@ -0,0 +1,24 @@ | |||||
# yjyzz | |||||
## Project setup | |||||
``` | |||||
yarn install | |||||
``` | |||||
### Compiles and hot-reloads for development | |||||
``` | |||||
yarn serve | |||||
``` | |||||
### Compiles and minifies for production | |||||
``` | |||||
yarn build | |||||
``` | |||||
### Lints and fixes files | |||||
``` | |||||
yarn lint | |||||
``` | |||||
### Customize configuration | |||||
See [Configuration Reference](https://cli.vuejs.org/config/). |
@@ -0,0 +1,5 @@ | |||||
module.exports = { | |||||
presets: [ | |||||
'@vue/cli-plugin-babel/preset' | |||||
] | |||||
} |
@@ -0,0 +1,35 @@ | |||||
{ | |||||
"name": "yjyzz", | |||||
"version": "0.1.0", | |||||
"private": true, | |||||
"scripts": { | |||||
"serve": "vue-cli-service serve", | |||||
"build": "vue-cli-service build", | |||||
"lint": "vue-cli-service lint" | |||||
}, | |||||
"dependencies": { | |||||
"core-js": "^3.6.5", | |||||
"element-ui": "^2.13.2", | |||||
"vue": "^2.6.11", | |||||
"vue-router": "^3.2.0", | |||||
"vuex": "^3.4.0" | |||||
}, | |||||
"devDependencies": { | |||||
"@vue/cli-plugin-babel": "~4.4.0", | |||||
"@vue/cli-plugin-eslint": "~4.4.0", | |||||
"@vue/cli-plugin-router": "~4.4.0", | |||||
"@vue/cli-plugin-vuex": "~4.4.0", | |||||
"@vue/cli-service": "~4.4.0", | |||||
"@vue/eslint-config-standard": "^5.1.2", | |||||
"babel-eslint": "^10.1.0", | |||||
"eslint": "^6.7.2", | |||||
"eslint-plugin-import": "^2.20.2", | |||||
"eslint-plugin-node": "^11.1.0", | |||||
"eslint-plugin-promise": "^4.2.1", | |||||
"eslint-plugin-standard": "^4.0.0", | |||||
"eslint-plugin-vue": "^6.2.2", | |||||
"sass": "^1.26.5", | |||||
"sass-loader": "^8.0.2", | |||||
"vue-template-compiler": "^2.6.11" | |||||
} | |||||
} |
@@ -0,0 +1,17 @@ | |||||
<!DOCTYPE html> | |||||
<html lang="en"> | |||||
<head> | |||||
<meta charset="utf-8"> | |||||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | |||||
<meta name="viewport" content="width=device-width,initial-scale=1.0"> | |||||
<link rel="icon" href="<%= BASE_URL %>favicon.ico"> | |||||
<title><%= htmlWebpackPlugin.options.title %></title> | |||||
</head> | |||||
<body> | |||||
<noscript> | |||||
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong> | |||||
</noscript> | |||||
<div id="app"></div> | |||||
<!-- built files will be auto injected --> | |||||
</body> | |||||
</html> |
@@ -0,0 +1,210 @@ | |||||
<template> | |||||
<div> | |||||
<myhead /> | |||||
<router-view></router-view> | |||||
<div ref="drawer" class="drawer" @mouseenter="enter" @mouseleave="out"> | |||||
<div class="goTop" @click="goTop"> | |||||
<div class="img"> | |||||
<img src="./assets/img/xf/goTop.png" /> | |||||
</div> | |||||
<div class="text">返回顶部</div> | |||||
</div> | |||||
<div class="phone"> | |||||
<div class="img"> | |||||
<img src="./assets/img/xf/phone.png" alt=""> | |||||
</div> | |||||
<div class="text">13121112777</div> | |||||
</div> | |||||
<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 class="Vx"> | |||||
<div class="img"> | |||||
<img src="./assets/img/xf/rqCode.png" alt=""> | |||||
</div> | |||||
<div class="text">WeChat</div> | |||||
</div> | |||||
<div class="rqCode" v-if="rQCodeShow"> | |||||
<img src="./assets/img/qrCode/home.png" alt=""> | |||||
</div> | |||||
</div> | |||||
<tail /> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
import tail from "@/components/headTail/tail"; | |||||
import myhead from "@/components/headTail/head"; | |||||
export default { | |||||
components: { | |||||
tail, | |||||
myhead, | |||||
}, | |||||
data() { | |||||
return { | |||||
rQCodeShow:false, | |||||
} | |||||
}, | |||||
methods: { | |||||
enter() { | |||||
console.log(1); | |||||
this.rQCodeShow = true | |||||
const drawer = this.$refs.drawer; | |||||
drawer.style.right = 0; | |||||
}, | |||||
out() { | |||||
this.rQCodeShow = false | |||||
const drawer = this.$refs.drawer; | |||||
drawer.style.right = "-200px"; | |||||
}, | |||||
goTop(){ | |||||
window.scroll(0, 0) //滚动条返回顶部 | |||||
} | |||||
}, | |||||
}; | |||||
</script> | |||||
<style lang="scss"> | |||||
* { | |||||
margin: 0; | |||||
padding: 0; | |||||
font-size: 12px; | |||||
} | |||||
a { | |||||
text-decoration: none; | |||||
display: block; | |||||
} | |||||
ul { | |||||
list-style: none; | |||||
} | |||||
.app-enter-active, | |||||
.app-leave-active { | |||||
transition: 0.5s; | |||||
} | |||||
.app-enter, | |||||
.app-leave-to { | |||||
opacity: 0; | |||||
transform: translateY(100%); | |||||
} | |||||
.Box { | |||||
width: 1200px; | |||||
margin: 0 auto; | |||||
overflow: hidden; | |||||
} | |||||
.leftBox { | |||||
width: 80%; | |||||
float: left; | |||||
} | |||||
.drawer { | |||||
position: fixed; | |||||
z-index: 1888; | |||||
right: -200px; | |||||
top: 20%; | |||||
overflow: hidden; | |||||
.goTop { | |||||
background-color: rgb(41, 42, 86); | |||||
overflow: hidden; | |||||
margin-bottom: 10px; | |||||
height: 70px; | |||||
.img { | |||||
float: left; | |||||
width: 70px; | |||||
height: 70px; | |||||
img{ | |||||
width: 34px; | |||||
height: 34px; | |||||
margin:18px | |||||
} | |||||
} | |||||
.text { | |||||
width: 200px; | |||||
float: left; | |||||
height: 70px; | |||||
line-height: 70px; | |||||
color: #fff; | |||||
} | |||||
} | |||||
.phone { | |||||
background-color: rgb(41, 42, 86); | |||||
overflow: hidden; | |||||
margin-bottom: 10px; | |||||
.img { | |||||
float: left; | |||||
width: 70px; | |||||
height: 70px; | |||||
img{ | |||||
width: 34px; | |||||
height: 34px; | |||||
margin:18px | |||||
} | |||||
} | |||||
.text { | |||||
float: left; | |||||
height: 70px; | |||||
line-height: 70px; | |||||
text-align: center; | |||||
color: #fff; | |||||
} | |||||
} | |||||
.Qq { | |||||
background-color: rgb(41, 42, 86); | |||||
overflow: hidden; | |||||
margin-bottom: 10px; | |||||
.img { | |||||
float: left; | |||||
width: 70px; | |||||
height: 70px; | |||||
img{ | |||||
width: 34px; | |||||
height: 34px; | |||||
margin:18px | |||||
} | |||||
} | |||||
.text { | |||||
float: left; | |||||
height: 70px; | |||||
line-height: 70px; | |||||
text-align: center; | |||||
color: #fff; | |||||
} | |||||
} | |||||
.Vx { | |||||
background-color: rgb(41, 42, 86); | |||||
overflow: hidden; | |||||
.img { | |||||
float: left; | |||||
width: 70px; | |||||
height: 70px; | |||||
img{ | |||||
width: 34px; | |||||
height: 34px; | |||||
margin:18px | |||||
} | |||||
} | |||||
.text { | |||||
float: left; | |||||
height: 70px; | |||||
line-height: 70px; | |||||
text-align: center; | |||||
color: #fff; | |||||
} | |||||
} | |||||
.rqCode{ | |||||
background-color: rgb(41, 42, 86); | |||||
img{ | |||||
margin-left: 18px; | |||||
} | |||||
} | |||||
} | |||||
</style> |
@@ -0,0 +1,49 @@ | |||||
<template> | |||||
<div class="maxBox"> | |||||
<img class="logo" src="../../assets/img/certificate/u92.png" > | |||||
<div class="textBox"> | |||||
<h3>证书标题</h3> | |||||
<p v-if="showtime">获奖时间 2019年7月10日</p> | |||||
<span>证书介绍证书介绍证书介绍证书介绍证书介绍证书介绍证书介绍证书介绍证书介绍证书介绍证书介绍证书介绍证书介绍证书介绍证书介绍证书介绍证书介绍证书介绍证书介绍证书介绍证书介绍证书介绍证书介绍证书介绍证书介绍证书介绍证书介绍证书介绍证书介绍证书介绍证书介绍证书介绍证书介绍证书介绍证书介绍证书介绍证书介绍证书介绍证书介绍证书介绍证书介绍证书介绍证书介绍证书介绍证书介绍证书介绍证书介绍绍证书介绍证书介绍绍证书介绍证书介绍绍证书介绍证书介绍绍证书介绍证书介绍</span> | |||||
</div> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
export default { | |||||
props:{ | |||||
showtime:Boolean | |||||
} | |||||
} | |||||
</script> | |||||
<style lang="scss" scoped> | |||||
.maxBox { | |||||
overflow: hidden; | |||||
margin-top: 30px; | |||||
.logo { | |||||
float: left; | |||||
width: 300px; | |||||
height: 200px; | |||||
// background-color: rosybrown; | |||||
} | |||||
.textBox { | |||||
margin-left: 50px; | |||||
float: left; | |||||
margin-top: 10px; | |||||
width: 500px; | |||||
line-height: 19px; | |||||
overflow: hidden; | |||||
h3 { | |||||
font-size: 16px; | |||||
} | |||||
span { | |||||
display: block; | |||||
margin-top: 10px; | |||||
height: 130px; | |||||
overflow: hidden; | |||||
} | |||||
p{ | |||||
padding-top: 10px ; | |||||
} | |||||
} | |||||
} | |||||
</style> |
@@ -0,0 +1,119 @@ | |||||
<template> | |||||
<div class="protocolBox"> | |||||
<div class="protocol">礼仪培训基地</div> | |||||
<div class="Official"> | |||||
<div class="RcCodeBox"> | |||||
<img src="../../assets/img/qrCode/home.png" class="RcCode"> | |||||
<p>关注公众</p> | |||||
</div> | |||||
<div class="fomr"> | |||||
<el-form | |||||
:model="dynamicValidateForm" | |||||
ref="dynamicValidateForm" | |||||
label-width="100px" | |||||
class="demo-dynamic" | |||||
> | |||||
<el-form-item | |||||
prop="enterpriseName" | |||||
label="企业名称" | |||||
:rules="[ | |||||
{ required: true, message: '请输入企业名称', trigger: 'blur' }, | |||||
]" | |||||
> | |||||
<el-input v-model="dynamicValidateForm.enterpriseName"></el-input> | |||||
</el-form-item> | |||||
<el-form-item | |||||
label="联系人" | |||||
prop="uesrName" | |||||
:rules="[ | |||||
{required: true, message: '请输入联系人', trigger: 'blur'}, | |||||
]" | |||||
> | |||||
<el-input v-model="dynamicValidateForm.uesrName"></el-input> | |||||
</el-form-item> | |||||
<el-form-item | |||||
label="联系电话" | |||||
prop="phone" | |||||
:rules="[ | |||||
{required: true, message: '请输入联系电话', trigger: 'blur'}, | |||||
]" | |||||
> | |||||
<el-input v-model="dynamicValidateForm.phone"></el-input> | |||||
</el-form-item> | |||||
<el-form-item style=" text-align: center;"> | |||||
<el-button | |||||
type="info" | |||||
@click="submitForm('dynamicValidateForm')" | |||||
style="background-color: #999999;" | |||||
size="medium" | |||||
>提交</el-button> | |||||
</el-form-item> | |||||
</el-form> | |||||
</div> | |||||
</div> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
export default { | |||||
data() { | |||||
return { | |||||
dynamicValidateForm: { | |||||
uesrName: "", | |||||
enterpriseName: "", | |||||
phone: "", | |||||
}, | |||||
}; | |||||
}, | |||||
methods: { | |||||
submitForm(formName) { | |||||
this.$refs[formName].validate((valid) => { | |||||
if (valid) { | |||||
console.log( | |||||
this.dynamicValidateForm.uesrName, | |||||
this.dynamicValidateForm.enterpriseName | |||||
); | |||||
} else { | |||||
console.log("error submit!!"); | |||||
return false; | |||||
} | |||||
}); | |||||
}, | |||||
}, | |||||
}; | |||||
</script> | |||||
<style lang="scss" scoped> | |||||
.protocolBox { | |||||
.protocol { | |||||
text-indent: 20px; | |||||
padding: 10px 0; | |||||
} | |||||
.Official { | |||||
overflow: hidden; | |||||
.RcCodeBox { | |||||
float: left; | |||||
width: 140px; | |||||
.RcCode { | |||||
height: 140px; | |||||
border: rgb(238, 238, 238) 1px solid; | |||||
} | |||||
p { | |||||
padding: 20px 0; | |||||
text-align: center; | |||||
} | |||||
} | |||||
.fomr { | |||||
width: 70%; | |||||
float: left; | |||||
} | |||||
} | |||||
} | |||||
</style> |
@@ -0,0 +1,44 @@ | |||||
<template> | |||||
<div class="textBox"> | |||||
<div class="asking">{{asking}}</div> | |||||
<div class="answer">{{answer}}</div> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
export default { | |||||
props: { | |||||
asking: String, | |||||
answer: String, | |||||
}, | |||||
}; | |||||
</script> | |||||
<style lang="scss" scoped> | |||||
.textBox { | |||||
width: 93%; | |||||
margin: 15px 0; | |||||
.asking { | |||||
padding-top: 10px ; | |||||
color: red; | |||||
font-weight: bolder; | |||||
font-size: 14px; | |||||
line-height: 14px; | |||||
} | |||||
.asking:before { | |||||
content: "问 : "; | |||||
color: #000; | |||||
font-weight: bolder; | |||||
font-size: 14px; | |||||
} | |||||
.answer { | |||||
line-height: 20px; | |||||
padding: 10px 0; | |||||
} | |||||
.answer:before { | |||||
font-weight: bolder; | |||||
font-size: 14px; | |||||
content: "答 : "; | |||||
} | |||||
} | |||||
</style> |
@@ -0,0 +1,138 @@ | |||||
<template> | |||||
<div class="bgBox"> | |||||
<div class="Box"> | |||||
<div class="backImg"> | |||||
<div class="logoBox"> | |||||
<div class="logo_img"> | |||||
<img src="../../assets/img/logo/logo1.png" alt /> | |||||
</div> | |||||
<div class="title_Box"> | |||||
<p>瑜璟缘国际文化礼仪培训</p> | |||||
</div> | |||||
</div> | |||||
</div> | |||||
<div class="navigation"> | |||||
<el-menu | |||||
class="el-menu-demo" | |||||
mode="horizontal" | |||||
@select="handleSelect" | |||||
background-color="rgb(102, 102, 102)" | |||||
text-color="#fff" | |||||
active-text-color="#ffd04b" | |||||
router | |||||
> | |||||
<el-menu-item index="/home">首页</el-menu-item> | |||||
<el-submenu index="2"> | |||||
<template slot="title" style="width: 100px;">课程中心</template> | |||||
<el-menu-item index="/attestation">认证课程</el-menu-item> | |||||
<el-menu-item index="/attestationFingerpost?index=1">认证指南</el-menu-item> | |||||
<el-menu-item index="/certificate?bear=1">证书介绍</el-menu-item> | |||||
</el-submenu> | |||||
<el-submenu index="3"> | |||||
<template slot="title">师资中心</template> | |||||
<el-menu-item index="/foreign?foreign=1">国际名师</el-menu-item> | |||||
<el-menu-item index="/foreign?foreign=2">国内名师</el-menu-item> | |||||
<el-menu-item index="/certificate?bear=2">获奖一览</el-menu-item> | |||||
</el-submenu> | |||||
<el-submenu index="4"> | |||||
<template slot="title">企业培训</template> | |||||
<el-menu-item index="/partner">合作伙伴</el-menu-item> | |||||
<el-menu-item index="/excellent">优秀案例</el-menu-item> | |||||
<el-menu-item index="attestationFingerpost?index=2">培训指南</el-menu-item> | |||||
</el-submenu> | |||||
<el-submenu index="5"> | |||||
<template slot="title">人才服务</template> | |||||
<el-menu-item index="attestationFingerpost?index=3">讲师培训指南</el-menu-item> | |||||
<el-menu-item index="attestationFingerpost?index=4">签约讲师指南</el-menu-item> | |||||
<el-menu-item index="invite">我要应聘</el-menu-item> | |||||
</el-submenu> | |||||
<el-menu-item index="/journalism">新闻质询</el-menu-item> | |||||
<el-menu-item index="/my">联系我们</el-menu-item> | |||||
</el-menu> | |||||
</div> | |||||
</div> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
export default { | |||||
data() { | |||||
return { | |||||
activeIndex: "1", | |||||
}; | |||||
}, | |||||
methods: { | |||||
handleSelect(key, keyPath) { | |||||
// console.log(key, keyPath); | |||||
}, | |||||
}, | |||||
}; | |||||
</script> | |||||
<style lang="scss" scoped> | |||||
.bgBox { | |||||
width: 100%; | |||||
background-image: url("../../assets/img/bg/2165324.png"); | |||||
background-attachment: fixed; | |||||
background-repeat: repeat-x; | |||||
background-size: 100% 160px; | |||||
} | |||||
.Box { | |||||
overflow: hidden; | |||||
} | |||||
.backImg { | |||||
height: 160px; | |||||
width: 100%; | |||||
.logoBox { | |||||
width: 1200px; | |||||
height: 160px; | |||||
margin: 0 auto; | |||||
// background-color: red; | |||||
overflow: hidden; | |||||
.logo_img { | |||||
height: 130px; | |||||
width: 150px; | |||||
// background-color: antiquewhite; | |||||
margin: 5px; | |||||
float: left; | |||||
img { | |||||
width: 100%; | |||||
height: 100%; | |||||
} | |||||
} | |||||
.title_Box { | |||||
float: left; | |||||
margin-left: 100px; | |||||
margin-top: 30px; | |||||
p { | |||||
width: 600px; | |||||
font-size: 30px; | |||||
margin: 20px 0; | |||||
text-align: center; | |||||
font-weight: bold; | |||||
color: rgb(253, 236, 189); | |||||
} | |||||
} | |||||
} | |||||
} | |||||
.navigation { | |||||
width: 1200px; | |||||
margin: 0 auto; | |||||
margin-top: 20px; | |||||
background-color: cornflowerblue; | |||||
} | |||||
.el-menu-demo { | |||||
.el-menu-item { | |||||
width: 14.2%; | |||||
text-align: center; | |||||
} | |||||
} | |||||
.el-submenu { | |||||
text-align: center; | |||||
width: 14.2%; | |||||
} | |||||
.el-menu--horizontal { | |||||
width: 100%; | |||||
} | |||||
</style> |
@@ -0,0 +1,29 @@ | |||||
<template> | |||||
<div class="Box"> | |||||
<div class="tailBox"> | |||||
<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> | |||||
</div> | |||||
</div> | |||||
</div> | |||||
</template> | |||||
<style lang="scss" scoped> | |||||
.Box { | |||||
background-color: rgb(221, 221, 221); | |||||
width: 100%; | |||||
margin-top: 50px; | |||||
.tailBox { | |||||
width: 1000px; | |||||
height: 188px; | |||||
margin: 0 auto; | |||||
.tail { | |||||
text-align: center; | |||||
overflow: hidden; | |||||
p{ | |||||
margin-top: 20px; | |||||
} | |||||
} | |||||
} | |||||
} | |||||
</style> |
@@ -0,0 +1,32 @@ | |||||
<template> | |||||
<div> | |||||
<div class="textTitle"> | |||||
<p>{{text}}</p> | |||||
<div class="w_line"></div> | |||||
</div> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
export default { | |||||
props:{ | |||||
text:String | |||||
} | |||||
} | |||||
</script> | |||||
<style lang="scss" scoped> | |||||
.textTitle { | |||||
margin-top: 50px; | |||||
overflow: hidden; | |||||
p { | |||||
font-size: 26px; | |||||
font-weight: bold; | |||||
} | |||||
.w_line { | |||||
width: 60px; | |||||
height: 2px; | |||||
background-color: #000; | |||||
margin: 20px 0; | |||||
} | |||||
} | |||||
</style> |
@@ -0,0 +1,28 @@ | |||||
<template> | |||||
<div class="imgBox"> | |||||
<img class="img" src="../../assets/img/excellent/1.png" > | |||||
<h1>中国银行培训中心</h1> | |||||
<span>培训时间:2020年10月1日</span> | |||||
</div> | |||||
</template> | |||||
<style lang="scss" scoped> | |||||
.imgBox{ | |||||
width: 300px; | |||||
margin: 10px 30px; | |||||
.img{ | |||||
width: 300px; | |||||
height: 200px; | |||||
// background-color: sandybrown; | |||||
} | |||||
h1{ | |||||
text-align: center; | |||||
font-size: 18px; | |||||
margin: 10px 0; | |||||
} | |||||
span{ | |||||
display: block; | |||||
text-align: center; | |||||
} | |||||
} | |||||
</style> |
@@ -0,0 +1,39 @@ | |||||
<template> | |||||
<div> | |||||
<div class="bank"> | |||||
<img class="img" :src="url" > | |||||
<a href class="url">www.baidu.com</a> | |||||
</div> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
export default { | |||||
props:{ | |||||
url:String | |||||
} | |||||
} | |||||
</script> | |||||
<style lang="scss" scoped> | |||||
.bank { | |||||
margin-top: 10px; | |||||
border-radius: 10px; | |||||
border: rgb(232, 232, 232) 1px solid; | |||||
.img { | |||||
width: 90%; | |||||
margin: 5px 10px 0 10px; | |||||
// height: 120px; | |||||
// background-color: deeppink; | |||||
} | |||||
.url { | |||||
display: block; | |||||
width: 90%; | |||||
margin: 0 auto; | |||||
font-size: 16px; | |||||
padding-bottom: 10px; | |||||
} | |||||
a{ | |||||
text-align: center; | |||||
} | |||||
} | |||||
</style> |
@@ -0,0 +1,182 @@ | |||||
<template> | |||||
<div class="sidebarBox"> | |||||
<div class="listBox"> | |||||
<div class="course">课程中心</div> | |||||
<ul class="column"> | |||||
<li | |||||
:class="activity==index?'activity':'default'" | |||||
@click="go(`${item.path}`,index)" | |||||
v-for="(item, index) in listSide" | |||||
:key="index" | |||||
>{{item.text}}</li> | |||||
</ul> | |||||
<div class="makeBtn" @click="go('companySynopsis')">预约服务</div> | |||||
<div class="journalismTitle"> | |||||
<div>新闻中心</div> | |||||
<p>MORE</p> | |||||
</div> | |||||
<div class="journalismBox" @click="goparticulars"> | |||||
<img class="logo" src="../../assets/img/journalism/on1.png" /> | |||||
<div class="journalismText"> | |||||
<h3>新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻</h3> | |||||
<span>内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</span> | |||||
<div class="time">2020-08-06</div> | |||||
</div> | |||||
</div> | |||||
<div class="journalismBox" @click="goparticulars"> | |||||
<img class="logo" src="../../assets/img/journalism/on1.png" /> | |||||
<div class="journalismText"> | |||||
<h3>新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻</h3> | |||||
<span>内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</span> | |||||
<div class="time">2020-08-06</div> | |||||
</div> | |||||
</div> | |||||
<div class="journalismBox" @click="goparticulars"> | |||||
<img class="logo" src="../../assets/img/journalism/on1.png" /> | |||||
<div class="journalismText"> | |||||
<h3>新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻</h3> | |||||
<span>内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</span> | |||||
<div class="time">2020-08-06</div> | |||||
</div> | |||||
</div> | |||||
</div> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
export default { | |||||
data() { | |||||
return { | |||||
listSide: [ | |||||
{ | |||||
path: "/attestation", | |||||
text: "认证课程", | |||||
}, | |||||
{ | |||||
path: "/attestationFingerpost?index=1", | |||||
text: "认证指南", | |||||
}, | |||||
{ | |||||
path: "/certificate?bear=1", | |||||
text: "证书介绍", | |||||
}, | |||||
{ | |||||
path: "/companySynopsis", | |||||
text: "了解更多", | |||||
}, | |||||
], | |||||
activity:sessionStorage.getItem("sidebarIndex") | |||||
}; | |||||
}, | |||||
methods: { | |||||
goparticulars() { | |||||
this.$router.push({ | |||||
path: "/particulars", | |||||
query: { | |||||
ifjournalism: 2, | |||||
}, | |||||
}); | |||||
}, | |||||
go(path,index) { | |||||
this.$router.push(path); | |||||
sessionStorage.setItem('sidebarIndex',index) | |||||
}, | |||||
}, | |||||
}; | |||||
</script> | |||||
<style lang="scss" scoped> | |||||
.sidebarBox { | |||||
float: right; | |||||
width: 20%; | |||||
.listBox { | |||||
margin-top: 30px; | |||||
.course { | |||||
font-size: 16px; | |||||
color: #ffffff; | |||||
text-indent: 20px; | |||||
background-color: rgb(153, 153, 153); | |||||
padding: 15px 0; | |||||
} | |||||
.column { | |||||
overflow: hidden; | |||||
.default { | |||||
background: linear-gradient(#ffffff, #cccccc); | |||||
height: 40px; | |||||
line-height: 40px; | |||||
text-align: center; | |||||
} | |||||
.activity{ | |||||
background: linear-gradient(#ffffff, #999); | |||||
height: 40px; | |||||
line-height: 40px; | |||||
text-align: center; | |||||
color: #ffffff; | |||||
} | |||||
} | |||||
.makeBtn { | |||||
height: 40px; | |||||
line-height: 40px; | |||||
text-align: center; | |||||
background: linear-gradient(rgb(79, 167, 218), rgb(7, 56, 79)); | |||||
border-radius: 10px; | |||||
margin: 20px 0; | |||||
color: #ffffff; | |||||
} | |||||
.journalismTitle { | |||||
overflow: hidden; | |||||
height: 45px; | |||||
line-height: 45px; | |||||
background-color: rgb(153, 153, 153); | |||||
color: #fff; | |||||
div { | |||||
float: left; | |||||
height: 45px; | |||||
text-indent: 10px; | |||||
} | |||||
p { | |||||
height: 45px; | |||||
float: right; | |||||
margin-right: 10px; | |||||
} | |||||
} | |||||
.journalismBox { | |||||
overflow: hidden; | |||||
border-bottom: rgb(232, 232, 232) 1px solid; | |||||
margin: 5px 0; | |||||
.logo { | |||||
background-color: rosybrown; | |||||
height: 40px; | |||||
width: 50px; | |||||
float: left; | |||||
margin-bottom: 10px; | |||||
margin-right: 10px; | |||||
margin-top: 10px; | |||||
} | |||||
.journalismText { | |||||
float: left; | |||||
width: 160px; | |||||
margin-left: 10px; | |||||
h3 { | |||||
width: 90%; | |||||
margin: 5px; | |||||
font-size: 14px; | |||||
overflow: hidden; | |||||
text-overflow: ellipsis; | |||||
white-space: nowrap; | |||||
} | |||||
span { | |||||
overflow: hidden; | |||||
color: rgb(214, 214, 206); | |||||
text-overflow: ellipsis; | |||||
display: -webkit-box; | |||||
-webkit-line-clamp: 3; | |||||
-webkit-box-orient: vertical; | |||||
} | |||||
.time { | |||||
color: rgb(214, 214, 206); | |||||
padding: 2px 0; | |||||
} | |||||
} | |||||
} | |||||
} | |||||
} | |||||
</style> |
@@ -0,0 +1,36 @@ | |||||
<template> | |||||
<div class="Box"> | |||||
<el-carousel :interval="4000" type="card" height="323px"> | |||||
<el-carousel-item v-for="(item,index) in list" :key="index"> | |||||
<img :src="item.url" style="width: 600px; | |||||
height: 323px;" /> | |||||
</el-carousel-item> | |||||
</el-carousel> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
export default { | |||||
props: { | |||||
list: Array, | |||||
}, | |||||
}; | |||||
</script> | |||||
<style> | |||||
.el-carousel__item h3 { | |||||
color: #475669; | |||||
font-size: 14px; | |||||
opacity: 0.75; | |||||
line-height: 200px; | |||||
margin: 0; | |||||
} | |||||
.el-carousel__item:nth-child(2n) { | |||||
background-color: #99a9bf; | |||||
} | |||||
.el-carousel__item:nth-child(2n + 1) { | |||||
background-color: #d3dce6; | |||||
} | |||||
</style> |
@@ -0,0 +1,15 @@ | |||||
import Vue from 'vue' | |||||
import App from './App.vue' | |||||
import router from './router' | |||||
import store from './store' | |||||
import ElementUI from 'element-ui'; //引入js | |||||
import 'element-ui/lib/theme-chalk/index.css';//引入css | |||||
Vue.config.productionTip = false | |||||
Vue.use(ElementUI); | |||||
new Vue({ | |||||
router, | |||||
store, | |||||
render: h => h(App) | |||||
}).$mount('#app') |
@@ -0,0 +1,90 @@ | |||||
<template> | |||||
<div class="Box"> | |||||
<div class="leftBox"> | |||||
<textTitle text="课程认证" /> | |||||
<ul style="float: left;width: 50%;"> | |||||
<li v-for="(item, index) in schedule1" :key="index"> | |||||
<course :name="item.naem" :time="item.time" :text="item.text"/> | |||||
</li> | |||||
</ul> | |||||
<ul style="float: left;width: 50%;overflow: hidden;"> | |||||
<li v-for="(item, index) in schedule2" :key="index"> | |||||
<course :name="item.naem" :time="item.time" :text="item.text"/> | |||||
</li> | |||||
</ul> | |||||
</div> | |||||
<sidebar /> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
import textTitle from "@/components/headTail/textTitle"; | |||||
import sidebar from "@/components/sidebar/sidebar"; | |||||
import course from "./course"; | |||||
export default { | |||||
components: { | |||||
sidebar, | |||||
textTitle, | |||||
course, | |||||
}, | |||||
data() { | |||||
return { | |||||
schedule1:[ | |||||
{ | |||||
naem:'商务礼仪培训', | |||||
time:'6-12课时/期', | |||||
text:'名师导师亲自带你入门,手把手教学,课后辅导,疑惑解答等问题,都有老师指导。' | |||||
}, | |||||
{ | |||||
naem:'形象美学', | |||||
time:'6-12课时/期', | |||||
text:'名师导师亲自带你入门,手把手教学,课后辅导,疑惑解答等问题,都有老师指导。' | |||||
}, | |||||
{ | |||||
naem:'商务礼仪专业指导', | |||||
time:'48课时/期', | |||||
text:'名师导师亲自带你入门,手把手教学,课后辅导,疑惑解答等问题,都有老师指导。' | |||||
}, | |||||
{ | |||||
naem:'CAMC城市联盟', | |||||
time:'48课时/期', | |||||
text:'名师导师亲自带你入门,手把手教学,课后辅导,疑惑解答等问题,都有老师指导。' | |||||
}, | |||||
{ | |||||
naem:'CIET国际形象礼仪', | |||||
time:'56课时/期', | |||||
text:'名师导师亲自带你入门,手把手教学,课后辅导,疑惑解答等问题,都有老师指导。' | |||||
}, | |||||
], | |||||
schedule2:[ | |||||
{ | |||||
naem:'个人形象设计入门初级训练', | |||||
time:'2-4课时/期', | |||||
text:'名师导师亲自带你入门,手把手教学,课后辅导,疑惑解答等问题,都有老师指导。' | |||||
}, | |||||
{ | |||||
naem:'国际商务礼仪', | |||||
time:'6-72课时/期', | |||||
text:'欧美国际业务合作的重要基础,涵盖接待,餐饮等类容。名师导师亲自带你入门,手把手教学。' | |||||
}, | |||||
{ | |||||
naem:'集团战略合作', | |||||
time:'56课时/期', | |||||
text:'整包合作,基于协议基础,根据时间组班授课,性价比高,培训效果好,加深记忆和使用效果,名师导师亲自带你入门,手把手教学。' | |||||
}, | |||||
{ | |||||
naem:'IIC国际形象顾问', | |||||
time:'56课时/期', | |||||
text:'整包合作,基于协议基础,根据时间组班授课,性价比高,培训效果好,加深记忆和使用效果,名师导师亲自带你入门,手把手教学' | |||||
}, | |||||
{ | |||||
naem:'EET测评国际礼仪师', | |||||
time:'56课时/期', | |||||
text:'整包合作,基于协议基础,根据时间组班授课,性价比高,培训效果好,加深记忆和使用效果,名师导师亲自带你入门,手把手教学。' | |||||
}, | |||||
] | |||||
} | |||||
}, | |||||
}; | |||||
</script> |
@@ -0,0 +1,92 @@ | |||||
<template> | |||||
<div class="Box"> | |||||
<div class="leftBox"> | |||||
<textTitle :text="textTitle"/> | |||||
<fingerpost v-for="(item, index) in approve" :key="index" :asking="item.asking" :answer="item.answer"/> | |||||
</div> | |||||
<sidebar /> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
import textTitle from "@/components/headTail/textTitle"; | |||||
import sidebar from "@/components/sidebar/sidebar"; | |||||
import course from "./course"; | |||||
import fingerpost from '@/components/fingerpost/fingerpost' | |||||
import { log } from 'util'; | |||||
export default { | |||||
components: { | |||||
sidebar, | |||||
textTitle, | |||||
fingerpost, | |||||
}, | |||||
data() { | |||||
return { | |||||
approve:[ | |||||
{ | |||||
asking:"这个证书是哪授权的?", | |||||
answer:"该证书是由全国专业人才储备工作委员会颁发,委员会隶属于商业饮食服务发展中心,本中心由中央机构编制委员会办公室批准成立,隶属于国务院国有资产监督管理委员会的事业单位(统一社会信用代码1210000004000191651)" | |||||
}, | |||||
{ | |||||
asking:"证书上面盖得是什么章?", | |||||
answer:"证书上有两个章,一个是全国专业人才储备工作委员会的章,一个是全国商务人员职业技能考评委员会的章,代理机构自己是不能自行盖章的!" | |||||
}, | |||||
{ | |||||
asking:"这个职业技能证跟资格证有什么区别?", | |||||
answer:"资格证指的是有这个证才有资格从事这份职业,一般是由国家统考,门槛高,通过率低,但是为了降低就业门槛,大部分的资格证被取消,目前只保留了141项资格证书;职业技能证指的是在某岗位上的能力大小,技能证书由地方机构自行组织培训和考试,由国家相应机关或由中央编制办公室直接认定的事业单位核发的,证明其职业技术能力等级的证明文件,具有法律效力,各级机关,企事业单位在进行岗位聘任、加薪调级等方面给与承认,并优先录用。" | |||||
}, | |||||
{ | |||||
asking:"这个证书有什么用?", | |||||
answer:"本证书表明持有者已经通过相关专业课程的培训和考核,具备相关的专业知识和职业技能。根据中华人民共和国《职业教育法》的有关规定,本证书是岗前培训、在职培训、技能提升培训、创业培训的证明,是劳动者任职,上岗的重要依据之一。" | |||||
}, | |||||
{ | |||||
asking:"培训和考试谁负责?", | |||||
answer:"培训和考试由地方代理机构自行组织,结束后将学员信息提交到培大,然后录入到认证系统,经委员会多级审核后发放证书。" | |||||
}, | |||||
{ | |||||
asking:"证书一般多久能出来?", | |||||
answer:"一般15-30个工作日" | |||||
}, | |||||
], | |||||
textTitle:"", | |||||
fingerpostIndex:0,//指南标志位切换路由赋值 | |||||
} | |||||
}, | |||||
watch: { | |||||
$route(){ | |||||
this.fingerpostIndex= this.$route.query.index | |||||
}, | |||||
fingerpostIndex(){ | |||||
this.gitTitle() | |||||
} | |||||
}, | |||||
methods: { | |||||
// 获取 标题 | |||||
gitTitle(){ | |||||
let textTitleFlag = this.$route.query.index | |||||
let arr = [ | |||||
{ | |||||
index:1, | |||||
value:"认证指南", | |||||
}, | |||||
{ | |||||
index:2, | |||||
value:"培训指南", | |||||
}, | |||||
{ | |||||
index:3, | |||||
value:"讲师培训指南", | |||||
}, | |||||
{ | |||||
index:4, | |||||
value:"签约讲师指南", | |||||
}, | |||||
] | |||||
this.textTitle = arr.filter(item =>item.index == textTitleFlag)[0].value | |||||
} | |||||
}, | |||||
mounted(){ | |||||
this.gitTitle() | |||||
} | |||||
}; | |||||
</script> |
@@ -0,0 +1,65 @@ | |||||
<template> | |||||
<div class="Box"> | |||||
<div class="leftBox"> | |||||
<textTitle :text="textTitle" /> | |||||
<certificateBox v-for="(item, index) in 3" :key="index" :showtime="showtime" /> | |||||
</div> | |||||
<sidebar /> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
import textTitle from "@/components/headTail/textTitle"; | |||||
import sidebar from "@/components/sidebar/sidebar"; | |||||
import certificateBox from "@/components/certificate/certificateBox"; | |||||
export default { | |||||
//证书介绍和获奖一览 共页面 用 bear=1 ?获奖:证书 | |||||
components: { | |||||
textTitle, | |||||
sidebar, | |||||
certificateBox, | |||||
}, | |||||
data() { | |||||
return { | |||||
textTitle: "", | |||||
fingerpostbear: 0, //指南标志位切换路由赋值 | |||||
showtime: true, // | |||||
}; | |||||
}, | |||||
watch: { | |||||
$route() { | |||||
this.fingerpostbear = this.$route.query.bear; | |||||
}, | |||||
fingerpostbear() { | |||||
this.gitTitle(); | |||||
}, | |||||
}, | |||||
methods: { | |||||
// 获取 标题 | |||||
gitTitle() { | |||||
let textTitleFlag = this.$route.query.bear; | |||||
let arr = [ | |||||
{ | |||||
bear: 1, | |||||
value: "证书介绍", | |||||
}, | |||||
{ | |||||
bear: 2, | |||||
value: "获奖一览", | |||||
}, | |||||
]; | |||||
this.textTitle = arr.filter( | |||||
(item) => item.bear == textTitleFlag | |||||
)[0].value; | |||||
if (this.textTitle == "获奖一览") { | |||||
this.showtime = true; | |||||
} else { | |||||
this.showtime = false; | |||||
} | |||||
}, | |||||
}, | |||||
mounted() { | |||||
this.gitTitle(); | |||||
}, | |||||
}; | |||||
</script> |
@@ -0,0 +1,61 @@ | |||||
<template> | |||||
<div class="courseBox"> | |||||
<img class="logoBox" src="../../assets/img/course/course1.png" > | |||||
<div class="introduceBox"> | |||||
<div class="courseTime"> | |||||
<h3>{{name}}</h3> | |||||
<p>{{time}}</p> | |||||
</div> | |||||
<span class="describe">{{text}}</span> | |||||
</div> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
export default { | |||||
props:{ | |||||
name:String, | |||||
time:String, | |||||
text:String | |||||
} | |||||
} | |||||
</script> | |||||
<style lang="scss" scoped> | |||||
.courseBox { | |||||
overflow: hidden; | |||||
margin-top: 20px; | |||||
width: 100%; | |||||
.logoBox { | |||||
width: 100px; | |||||
height: 100px; | |||||
// background-color: rosybrown; | |||||
float: left; | |||||
margin: 0 10px; | |||||
} | |||||
.introduceBox { | |||||
float: left; | |||||
height: 100px; | |||||
width: 266px; | |||||
.courseTime { | |||||
overflow: hidden; | |||||
margin: 8px 0; | |||||
font-size: 18px; | |||||
h3 { | |||||
float: left; | |||||
} | |||||
p { | |||||
float: right; | |||||
} | |||||
} | |||||
.describe { | |||||
height: 50px; | |||||
line-height: 25px; | |||||
color: rgb(136, 136, 136); | |||||
text-overflow: ellipsis; | |||||
display: -webkit-box; | |||||
-webkit-line-clamp: 2; | |||||
-webkit-box-orient: vertical; | |||||
} | |||||
} | |||||
} | |||||
</style> |
@@ -0,0 +1,52 @@ | |||||
<template> | |||||
<div class="Box"> | |||||
<div class="leftBox"> | |||||
<textTitle text="优秀案例"/> | |||||
<ul class="imgBox"> | |||||
<li v-for="(item, index) in 4" :key="index"> | |||||
<div class="casesBox" @click="goparticulars"> | |||||
<cases/> | |||||
</div> | |||||
<div class="casesBox"> | |||||
<cases/> | |||||
</div> | |||||
</li> | |||||
</ul> | |||||
</div> | |||||
<sidebar/> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
import textTitle from "@/components/headTail/textTitle"; | |||||
import sidebar from "@/components/sidebar/sidebar"; | |||||
import cases from "@/components/partner/case"; | |||||
export default { | |||||
components: { | |||||
textTitle, | |||||
sidebar, | |||||
cases, | |||||
}, | |||||
methods:{ | |||||
goparticulars(){ | |||||
this.$router.push({ | |||||
path:'/particulars', | |||||
query:{ | |||||
ifjournalism:1 | |||||
} | |||||
}) | |||||
} | |||||
} | |||||
}; | |||||
</script> | |||||
<style lang="scss" scoped> | |||||
.partner{ | |||||
float: left; | |||||
width: 200px; | |||||
height: 200px; | |||||
} | |||||
.casesBox{ | |||||
float: left; | |||||
margin-left: 20px; | |||||
margin-right: 20px; | |||||
} | |||||
</style> |
@@ -0,0 +1,60 @@ | |||||
<template> | |||||
<div class="Box"> | |||||
<div class="leftBox"> | |||||
<textTitle :text="textTop" /> | |||||
<div> | |||||
<h1 class="titels">{{this.ifjournalism==1?'中国农业银行礼仪培训':'新闻标题'}}</h1> | |||||
<p >{{this.ifjournalism==1?'培训时间:2019年3月1日':"2019年3月1日"}}</p> | |||||
<img class="particularsBox" src="../../assets/img/journalism/on2.png" alt=""> | |||||
</div> | |||||
</div> | |||||
<sidebar /> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
import textTitle from "@/components/headTail/textTitle"; | |||||
import sidebar from "@/components/sidebar/sidebar"; | |||||
export default { | |||||
components: { | |||||
textTitle, | |||||
sidebar, | |||||
}, | |||||
data() { | |||||
return { | |||||
textTop :"优秀案例", | |||||
ifjournalism:1 ,//1 => 优秀案例 2 =>新闻详情 | |||||
} | |||||
}, | |||||
mounted() { | |||||
if(this.$route.query.ifjournalism){ | |||||
this.ifjournalism = this.$route.query.ifjournalism | |||||
console.log(this.ifjournalism); | |||||
} | |||||
if(this.ifjournalism==1){ | |||||
this.textTop= "优秀案例" | |||||
}else{ | |||||
this.textTop= "新闻资讯" | |||||
} | |||||
}, | |||||
}; | |||||
</script> | |||||
<style lang="scss" scoped> | |||||
.titels { | |||||
padding: 10px 0; | |||||
font-size: 18px; | |||||
text-align: center; | |||||
} | |||||
.leftBox { | |||||
p { | |||||
text-align: center; | |||||
padding: 10px; | |||||
} | |||||
} | |||||
.particularsBox { | |||||
width: 90%; | |||||
margin: 0 5%; | |||||
height: 300px; | |||||
background-color: bisque; | |||||
} | |||||
</style> |
@@ -0,0 +1,46 @@ | |||||
<template> | |||||
<div class="Box"> | |||||
<div class="leftBox"> | |||||
<textTitle text="合作伙伴"/> | |||||
<ul style="overflow: hidden;"> | |||||
<li v-for="(item, index) in 4" :key="index" style="overflow: hidden;"> | |||||
<div class="partner"> | |||||
<partnerBox :url="partnerUrl"/> | |||||
</div> | |||||
<div class="partner"> | |||||
<partnerBox :url="partnerUrl"/> | |||||
</div> | |||||
</li> | |||||
</ul> | |||||
</div> | |||||
<sidebar /> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
import textTitle from "@/components/headTail/textTitle"; | |||||
import sidebar from "@/components/sidebar/sidebar"; | |||||
import partnerBox from "@/components/partner/partnerBox" | |||||
export default { | |||||
components:{ | |||||
textTitle, | |||||
sidebar, | |||||
partnerBox | |||||
}, | |||||
data() { | |||||
return { | |||||
partnerUrl:require('../../assets/img/cooperation/on1.png') | |||||
} | |||||
}, | |||||
} | |||||
</script> | |||||
<style lang="scss" scoped> | |||||
.partner{ | |||||
float: left; | |||||
width: 260px; | |||||
height: 180px; | |||||
margin-left: 100px; | |||||
margin-right: 60px; | |||||
} | |||||
</style> |
@@ -0,0 +1,343 @@ | |||||
<template> | |||||
<div class="Box"> | |||||
<slideshow :list="slideList" /> | |||||
<div class="textBox"> | |||||
<div class="textLogo"></div> | |||||
<div class="headline"> | |||||
<textTitle text="瑜璟缘国际文化礼仪介绍" /> | |||||
<div class="article"> | |||||
<div | |||||
class="text" | |||||
>  北京瑜璟缘国际文化发展有限公司是一所集形象管理培训(设计)、礼仪文化培训及策划运营管理为一体的专注于孕育及培养提升人才素养的专业培训机构。在全国拥有近200人的专业的签约礼仪咨询顾问和专家队伍,专注于为企业提供系统礼仪管理咨询与业务解决方案,为企业搭建高素质人才培养平台,为企业形象及人素养教育提升开辟有效途径,帮助企业完善礼仪文化建设,是国内多家企事业单位背后最有效的形象生产及教育培训基地。公司以“不学礼,无以立。”的宗旨,秉承“无问题,不培训”的运营理念,致力于打造新经济下交流分享、提升自我,创新升级,共享共赢生态圈的高端商业精英交流平台。专注于为企业家、创业者、企业高管提供创新升级的商业课程,高效落地的企业内训,垂直定向的主题沙龙,拓展视野的海外游学以及资源整合等培训咨询共享共赢服务解决方案。</div> | |||||
<img src="../../assets/img/home/textImg.png" /> | |||||
</div> | |||||
</div> | |||||
</div> | |||||
<div class="advisoryBox"> | |||||
<div class="left"> | |||||
<a | |||||
href="http://wpa.qq.com/msgrd?v=3&uin=30397378&site=qq&menu=yes" | |||||
target="view_window" | |||||
class="iconBox" | |||||
> | |||||
<div class="icon icon1"></div> | |||||
<div class="text">免费质询</div> | |||||
</a> | |||||
<div class="iconBox" @click="go('foreign?foreign=1')"> | |||||
<div class="iconLeft icon2"></div> | |||||
<div class="textLeft">授课名师</div> | |||||
</div> | |||||
<div class="iconBox" @click="go('attestation')"> | |||||
<div class="icon icon3"></div> | |||||
<div class="text">热门课程</div> | |||||
</div> | |||||
<div class="iconBox" @click="go('excellent')"> | |||||
<div class="iconLeft icon4"></div> | |||||
<div class="textLeft">企业培训优秀案例</div> | |||||
</div> | |||||
<div class="partnerBox"> | |||||
<div class="title">合作伙伴</div> | |||||
<div class="partner" v-for="(item, index) in 3" :key="index"> | |||||
<partnerBox :url="partnerUrl" /> | |||||
</div> | |||||
</div> | |||||
</div> | |||||
<div class="right"> | |||||
<div class="journalismTitle"> | |||||
<p>新闻中心</p> | |||||
<span>MORE</span> | |||||
</div> | |||||
<div class="journalismBox" @click="goparticulars"> | |||||
<img class="logo" src="../../assets/img/journalism/on1.png" alt /> | |||||
<div class="journalismText"> | |||||
<h3>新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻</h3> | |||||
<span>内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</span> | |||||
<div class="time">2020-08-06</div> | |||||
</div> | |||||
</div> | |||||
<div class="journalismBox" @click="goparticulars"> | |||||
<img class="logo" src="../../assets/img/journalism/on1.png" alt /> | |||||
<div class="journalismText"> | |||||
<h3>新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻</h3> | |||||
<span>内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</span> | |||||
<div class="time">2020-08-06</div> | |||||
</div> | |||||
</div> | |||||
<div class="journalismBox" @click="goparticulars"> | |||||
<img class="logo" src="../../assets/img/journalism/on1.png" alt /> | |||||
<div class="journalismText"> | |||||
<h3>新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻</h3> | |||||
<span>内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</span> | |||||
<div class="time">2020-08-06</div> | |||||
</div> | |||||
</div> | |||||
<div class="attention">IBIE全球杂志</div> | |||||
<consult /> | |||||
</div> | |||||
</div> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
import slideshow from "@/components/slideshow/slideshow"; | |||||
import consult from "@/components/consult/consult"; | |||||
import textTitle from "@/components/headTail/textTitle"; | |||||
import partnerBox from "@/components/partner/partnerBox"; | |||||
export default { | |||||
components: { | |||||
slideshow, | |||||
consult, | |||||
textTitle, | |||||
partnerBox, | |||||
}, | |||||
data() { | |||||
return { | |||||
slideList: [ | |||||
{ url: require("../../assets/img/slideshow/1.png") }, | |||||
{ url: require("../../assets/img/slideshow/2.png") }, | |||||
{ url: require("../../assets/img/slideshow/1.png") }, | |||||
{ url: require("../../assets/img/slideshow/2.png") }, | |||||
], | |||||
partnerUrl: require("../../assets/img/cooperation/on1.png"), | |||||
}; | |||||
}, | |||||
methods: { | |||||
goparticulars() { | |||||
this.$router.push({ | |||||
path: "/particulars", | |||||
query: { | |||||
ifjournalism: 2, | |||||
}, | |||||
}); | |||||
}, | |||||
go(path) { | |||||
this.$router.push(`/${path}`); | |||||
}, | |||||
}, | |||||
}; | |||||
</script> | |||||
<style lang="scss" scoped> | |||||
.Box { | |||||
width: 1200px; | |||||
margin: 0 auto; | |||||
overflow: hidden; | |||||
.textBox { | |||||
margin: 10px 0; | |||||
height: 386px; | |||||
border: 1px rgb(238, 238, 238) solid; | |||||
position: relative; | |||||
.textLogo { | |||||
height: 70px; | |||||
width: 70px; | |||||
// background-color: cornsilk; | |||||
background-image: url("../../assets/img/home/angleTop.png"); | |||||
top: 0; | |||||
left: 0; | |||||
position: absolute; | |||||
} | |||||
.headline { | |||||
color: #1e1f4c; | |||||
margin-left: 150px; | |||||
.article { | |||||
overflow: hidden; | |||||
.text { | |||||
float: left; | |||||
width: 700px; | |||||
font-size: 15px; | |||||
line-height: 25px; | |||||
} | |||||
img { | |||||
width: 150px; | |||||
height: 150px; | |||||
border-radius: 50%; | |||||
background-color: cyan; | |||||
float: right; | |||||
margin-right: 50px; | |||||
} | |||||
} | |||||
} | |||||
} | |||||
.advisoryBox { | |||||
overflow: hidden; | |||||
.left { | |||||
float: left; | |||||
width: 26%; | |||||
border-top: 1px rgb(238, 238, 238) solid; | |||||
.iconBox { | |||||
overflow: hidden; | |||||
margin: 10px 0; | |||||
position: relative; | |||||
height: 80px; | |||||
display: block; | |||||
color: #000; | |||||
.icon { | |||||
width: 75px; | |||||
height: 75px; | |||||
background-color: #999999; | |||||
border-radius: 50%; | |||||
position: absolute; | |||||
left: 20px; | |||||
top: 5px; | |||||
} | |||||
.icon1 { | |||||
background-image: url("../../assets/img/home/icon-1.png"); | |||||
background-repeat: no-repeat; | |||||
background-size: 30px; | |||||
background-position: center center; | |||||
} | |||||
.icon2 { | |||||
background-image: url("../../assets/img/home/icon-2.png"); | |||||
background-repeat: no-repeat; | |||||
background-size: 30px; | |||||
background-position: center center; | |||||
} | |||||
.icon3 { | |||||
background-image: url("../../assets/img/home/icon-3.png"); | |||||
background-repeat: no-repeat; | |||||
background-size: 30px; | |||||
background-position: center center; | |||||
} | |||||
.icon4 { | |||||
background-image: url("../../assets/img/home/icon-4.png"); | |||||
background-repeat: no-repeat; | |||||
background-size: 30px; | |||||
background-position: center center; | |||||
} | |||||
.text { | |||||
width: 230px; | |||||
height: 45px; | |||||
background-color: #eeeeee; | |||||
border-radius: 50px; | |||||
line-height: 45px; | |||||
margin-top: 20px; | |||||
margin-left: 20px; | |||||
text-indent: 100px; | |||||
border: #cccccc 1px solid; | |||||
font-size: 14px; | |||||
} | |||||
.iconLeft { | |||||
width: 75px; | |||||
height: 75px; | |||||
background-color: #999999; | |||||
border-radius: 50%; | |||||
position: absolute; | |||||
left: 180px; | |||||
top: 5px; | |||||
} | |||||
.textLeft { | |||||
width: 230px; | |||||
height: 45px; | |||||
background-color: #eeeeee; | |||||
border-radius: 50px; | |||||
line-height: 45px; | |||||
margin-top: 20px; | |||||
margin-left: 20px; | |||||
text-indent: 40px; | |||||
border: #cccccc 1px solid; | |||||
font-size: 14px; | |||||
} | |||||
} | |||||
.partnerBox { | |||||
width: 80%; | |||||
overflow: hidden; | |||||
.title { | |||||
font-size: 14px; | |||||
background-color: #eee; | |||||
font-weight: bolder; | |||||
height: 40px; | |||||
text-indent: 50px; | |||||
line-height: 40px; | |||||
} | |||||
.partner{ | |||||
width: 80%; | |||||
margin: 0 10%; | |||||
} | |||||
} | |||||
} | |||||
.right { | |||||
width: 70%; | |||||
float: right; | |||||
overflow: hidden; | |||||
.journalismTitle { | |||||
margin: 10px 0; | |||||
background-color: rgb(232, 232, 232); | |||||
overflow: hidden; | |||||
font-size: 14px; | |||||
p { | |||||
width: 200px; | |||||
height: 45px; | |||||
line-height: 45px; | |||||
text-indent: 30px; | |||||
float: left; | |||||
} | |||||
span { | |||||
height: 45px; | |||||
line-height: 45px; | |||||
text-indent: 30px; | |||||
float: right; | |||||
margin-right: 20px; | |||||
} | |||||
} | |||||
.journalismBox { | |||||
overflow: hidden; | |||||
border-bottom: rgb(232, 232, 232) 1px solid; | |||||
margin: 5px 0; | |||||
.logo { | |||||
background-color: rosybrown; | |||||
height: 110px; | |||||
width: 140px; | |||||
float: left; | |||||
margin-bottom: 10px; | |||||
margin-right: 20px; | |||||
background-image: url(/img/on1.688f88b1.png); | |||||
margin-top: 10px; | |||||
} | |||||
.journalismText { | |||||
float: left; | |||||
width: 660px; | |||||
h3 { | |||||
width: 90%; | |||||
margin: 5px; | |||||
font-size: 16px; | |||||
} | |||||
span { | |||||
height: 55px; | |||||
overflow: hidden; | |||||
line-height: 19px; | |||||
color: rgb(214, 214, 206); | |||||
text-overflow: ellipsis; | |||||
display: -webkit-box; | |||||
-webkit-line-clamp: 3; | |||||
-webkit-box-orient: vertical; | |||||
} | |||||
.time { | |||||
line-height: 19px; | |||||
color: rgb(214, 214, 206); | |||||
padding: 10px 0; | |||||
} | |||||
} | |||||
} | |||||
.attention { | |||||
margin: 20px 0; | |||||
background-color: rgb(153, 153, 153); | |||||
overflow: hidden; | |||||
font-size: 14px; | |||||
height: 45px; | |||||
line-height: 45px; | |||||
text-indent: 30px; | |||||
color: rgb(241, 255, 255); | |||||
} | |||||
} | |||||
} | |||||
} | |||||
</style> |
@@ -0,0 +1,48 @@ | |||||
<template> | |||||
<div class="detailBox"> | |||||
<h3>标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题</h3> | |||||
<div class="imgBox"> | |||||
<img class="img" src="../../assets/img/journalism/on1.png" /> | |||||
<div class="text"> | |||||
<p>内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p> | |||||
<span class="time">2020-8-07</span> | |||||
</div> | |||||
</div> | |||||
</div> | |||||
</template> | |||||
<style lang="scss" scoped> | |||||
.detailBox { | |||||
margin-top: 30px; | |||||
margin-left: 20px; | |||||
h3 { | |||||
font-size: 14px; | |||||
padding-bottom: 20px; | |||||
} | |||||
.imgBox { | |||||
overflow: hidden; | |||||
.img { | |||||
float: left; | |||||
width: 150px; | |||||
height: 100px; | |||||
} | |||||
.text { | |||||
float: left; | |||||
width: 630px; | |||||
height: 100px; | |||||
margin-left: 20px; | |||||
p { | |||||
display: -webkit-box; | |||||
-webkit-line-clamp: 3; | |||||
-webkit-box-orient: vertical; | |||||
line-height: 20px; | |||||
overflow: hidden; | |||||
} | |||||
.time { | |||||
display: block; | |||||
margin-top: 20px; | |||||
} | |||||
} | |||||
} | |||||
} | |||||
</style> |
@@ -0,0 +1,33 @@ | |||||
<template> | |||||
<div class="Box"> | |||||
<div class="leftBox"> | |||||
<textTitle text="新闻咨询" /> | |||||
<div @click="goparticulars"> | |||||
<detail v-for="(item, index) in 5" :key="index" /> | |||||
</div> | |||||
</div> | |||||
<sidebar /> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
import textTitle from "@/components/headTail/textTitle"; | |||||
import sidebar from "@/components/sidebar/sidebar"; | |||||
import detail from "./details"; | |||||
export default { | |||||
components: { | |||||
textTitle, | |||||
sidebar, | |||||
detail, | |||||
}, | |||||
methods: { | |||||
goparticulars() { | |||||
this.$router.push({ | |||||
path: "/particulars", | |||||
query: { | |||||
ifjournalism: 2, | |||||
}, | |||||
}); | |||||
}, | |||||
}, | |||||
}; | |||||
</script> |
@@ -0,0 +1,62 @@ | |||||
<template> | |||||
<div class="Box"> | |||||
<div class="leftBox"> | |||||
<textTitle text="联系我们" /> | |||||
<div class="myBox"> | |||||
<div class="introduce"> | |||||
<span>电话:12312311231</span> | |||||
<span>邮箱:12312311231</span> | |||||
<p>地址:12312311231地址:12312311231地址:12312311231地址:12312311231地址:12312311231地址:12312311231地址:12312311231地址:12312311231地址:12312311231地址:12312311231地址:12312311231地址:12312311231地址:12312311231地址:12312311231地址:12312311231地址:12312311231地址:12312311231地址:12312311231地址:12312311231地址:12312311231</p> | |||||
</div> | |||||
<div class="RcCodeBox"> | |||||
<img src="../../assets/img/qrCode/home.png" class="RcCode"> | |||||
<p>关注公众</p> | |||||
</div> | |||||
</div> | |||||
</div> | |||||
<sidebar /> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
import textTitle from "@/components/headTail/textTitle"; | |||||
import sidebar from "@/components/sidebar/sidebar"; | |||||
export default { | |||||
components: { | |||||
textTitle, | |||||
sidebar, | |||||
}, | |||||
}; | |||||
</script> | |||||
<style lang="scss" scoped> | |||||
.myBox { | |||||
overflow: hidden; | |||||
margin-top: 30px; | |||||
} | |||||
.introduce { | |||||
width: 60%; | |||||
margin-left: 30px; | |||||
float: left; | |||||
span{ | |||||
display: block; | |||||
padding: 5px 0 ; | |||||
} | |||||
p{ | |||||
margin-top: 15px; | |||||
} | |||||
} | |||||
.RcCodeBox { | |||||
float: left; | |||||
width: 140px; | |||||
padding: 0 40px; | |||||
.RcCode { | |||||
height: 140px; | |||||
border: rgb(238, 238, 238) 1px solid; | |||||
} | |||||
p { | |||||
padding: 20px 0; | |||||
text-align: center; | |||||
} | |||||
} | |||||
</style> |
@@ -0,0 +1,83 @@ | |||||
<template> | |||||
<div class="fomr"> | |||||
<el-form | |||||
:model="dynamicValidateForm" | |||||
ref="dynamicValidateForm" | |||||
label-width="100px" | |||||
class="demo-dynamic" | |||||
> | |||||
<el-form-item | |||||
prop="uesrName" | |||||
label="姓名" | |||||
:rules="[ | |||||
{ required: true, message: '请输入姓名', trigger: 'blur' }, | |||||
]" | |||||
> | |||||
<el-input v-model="dynamicValidateForm.uesrName"></el-input> | |||||
</el-form-item> | |||||
<el-form-item | |||||
label="联系电话" | |||||
prop="phone" | |||||
:rules="[ | |||||
{required: true, message: '请输入联系电话', trigger: 'blur'}, | |||||
]" | |||||
> | |||||
<el-input v-model="dynamicValidateForm.phone"></el-input> | |||||
</el-form-item> | |||||
<el-form-item | |||||
label="邮箱" | |||||
prop="email" | |||||
:rules="[ | |||||
{required: true, message: '请输入邮箱', trigger: 'blur'}, | |||||
]" | |||||
> | |||||
<el-input v-model="dynamicValidateForm.email"></el-input> | |||||
</el-form-item> | |||||
<el-form-item label="说明"> | |||||
<el-input type="textarea" :rows="2" placeholder="请输入内容" v-model="textarea"></el-input> | |||||
</el-form-item> | |||||
<el-form-item style=" text-align: center;"> | |||||
<el-button | |||||
type="info" | |||||
@click="submitForm('dynamicValidateForm')" | |||||
style="background-color: #999999;" | |||||
size="medium" | |||||
>提交</el-button> | |||||
</el-form-item> | |||||
</el-form> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
export default { | |||||
data() { | |||||
return { | |||||
dynamicValidateForm: { | |||||
uesrName: "", | |||||
email: "", | |||||
phone: "", | |||||
}, | |||||
textarea:"", | |||||
}; | |||||
}, | |||||
methods: { | |||||
submitForm(formName) { | |||||
this.$refs[formName].validate((valid) => { | |||||
if (valid) { | |||||
console.log( | |||||
this.dynamicValidateForm, | |||||
this.textarea | |||||
); | |||||
} else { | |||||
console.log("error submit!!"); | |||||
return false; | |||||
} | |||||
}); | |||||
}, | |||||
}, | |||||
}; | |||||
</script> |
@@ -0,0 +1,24 @@ | |||||
<template> | |||||
<div class="Box"> | |||||
<div class="leftBox"> | |||||
<textTitle text="我要应聘"/> | |||||
<div style="width: 500px; margin: 30px 100px;"> | |||||
<inviteFrame/> | |||||
</div> | |||||
</div> | |||||
<sidebar/> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
import textTitle from "@/components/headTail/textTitle"; | |||||
import sidebar from "@/components/sidebar/sidebar"; | |||||
import inviteFrame from "./frame" | |||||
export default { | |||||
components:{ | |||||
textTitle, | |||||
sidebar, | |||||
inviteFrame, | |||||
} | |||||
} | |||||
</script> |
@@ -0,0 +1,45 @@ | |||||
<template> | |||||
<div class="Box"> | |||||
<div class="leftBox"> | |||||
<textTitle text="公司简介" /> | |||||
<div class="textBox"> | |||||
<div class="text"> | |||||
公司介绍正文 | |||||
</div> | |||||
<consult/> | |||||
</div> | |||||
</div> | |||||
<sidebar/> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
import textTitle from "@/components/headTail/textTitle"; | |||||
import consult from "@/components/consult/consult"; | |||||
import sidebar from "@/components/sidebar/sidebar" | |||||
export default { | |||||
components: { | |||||
textTitle, | |||||
consult, | |||||
sidebar, | |||||
}, | |||||
}; | |||||
</script> | |||||
<style lang="scss" scoped> | |||||
.leftBox { | |||||
.textBox { | |||||
width: 80%; | |||||
margin-left: 10%; | |||||
.text { | |||||
height: 500px; | |||||
border-bottom: rgb(239, 233, 233) 1px solid; | |||||
text-align: center; | |||||
} | |||||
.wire{ | |||||
border: rgb(239, 233, 233) 1px solid; | |||||
margin: 10px 0; | |||||
} | |||||
} | |||||
} | |||||
</style> |
@@ -0,0 +1,58 @@ | |||||
<template> | |||||
<div class="Box"> | |||||
<div class="leftBox"> | |||||
<textTitle :text="textTitle" /> | |||||
<teacher v-for="(item, index) in 3" :key="index" /> | |||||
</div> | |||||
<sidebar /> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
import textTitle from "@/components/headTail/textTitle"; | |||||
import sidebar from "@/components/sidebar/sidebar"; | |||||
import teacher from "./teacher"; | |||||
export default { | |||||
//国外和国内 共页面 用 foreign=true ?国外:国内 | |||||
components: { | |||||
textTitle, | |||||
sidebar, | |||||
teacher, | |||||
}, | |||||
data() { | |||||
return { | |||||
textTitle: "", | |||||
fingerpostForeign: 0, //指南标志位切换路由赋值 | |||||
}; | |||||
}, | |||||
watch: { | |||||
$route() { | |||||
this.fingerpostForeign = this.$route.query.foreign; | |||||
}, | |||||
fingerpostForeign() { | |||||
this.gitTitle(); | |||||
}, | |||||
}, | |||||
methods: { | |||||
// 获取 标题 | |||||
gitTitle() { | |||||
let textTitleFlag = this.$route.query.foreign; | |||||
let arr = [ | |||||
{ | |||||
foreign: 1, | |||||
value: "国外名师", | |||||
}, | |||||
{ | |||||
foreign: 2, | |||||
value: "国内名师", | |||||
}, | |||||
]; | |||||
this.textTitle = arr.filter( | |||||
(item) => item.foreign == textTitleFlag | |||||
)[0].value; | |||||
}, | |||||
}, | |||||
mounted() { | |||||
this.gitTitle(); | |||||
}, | |||||
}; | |||||
</script> |
@@ -0,0 +1,52 @@ | |||||
<template> | |||||
<div class="tempBox"> | |||||
<img class="logo" src="../../assets/img/teacher/teacher.png" /> | |||||
<div class="synopsis"> | |||||
<h3>李老师</h3> | |||||
<span>李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍</span> | |||||
</div> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
export default { | |||||
props: { | |||||
Name: String, | |||||
synopsis: String, | |||||
img: String, | |||||
}, | |||||
}; | |||||
</script> | |||||
<style lang="scss" scoped> | |||||
.tempBox { | |||||
width: 85%; | |||||
border: 1px rgb(239, 239, 239) solid; | |||||
overflow: hidden; | |||||
margin-top: 20px; | |||||
.logo { | |||||
border-radius: 50%; | |||||
width: 150px; | |||||
height: 150px; | |||||
margin: 20px; | |||||
float: left; | |||||
} | |||||
.synopsis { | |||||
float: left; | |||||
margin: 20px; | |||||
width: 550px; | |||||
h3 { | |||||
font-size: 22px; | |||||
line-height: 22px; | |||||
} | |||||
span { | |||||
display: block; | |||||
margin-top: 10px; | |||||
font-size: 12px; | |||||
height: 85px; | |||||
overflow: hidden; | |||||
color: rgb(203, 190, 190); | |||||
} | |||||
} | |||||
} | |||||
</style> |
@@ -0,0 +1,126 @@ | |||||
import Vue from 'vue' | |||||
import VueRouter from 'vue-router' | |||||
Vue.use(VueRouter) | |||||
const routes = [ | |||||
//首页 | |||||
{ | |||||
path: '/home', | |||||
meta:{ | |||||
title:"首页" | |||||
}, | |||||
component: r => require.ensure([], () => r(require('@/page/home/home.vue')), 'pointzujinListEdit') | |||||
}, | |||||
//公司简介 | |||||
{ | |||||
path: '/companySynopsis', | |||||
meta:{ | |||||
title:"公司简介" | |||||
}, | |||||
component: r => require.ensure([], () => r(require('@/page/synopsis/companySynopsis.vue')), 'companySynopsis') | |||||
}, | |||||
//课程中心-认证课程 | |||||
{ | |||||
path: '/attestation', | |||||
meta:{ | |||||
title:"认证课程" | |||||
}, | |||||
component: r => require.ensure([], () => r(require('@/page/coursCeentre.vue/attestation.vue')), 'attestation') | |||||
}, | |||||
//课程中心-认证指南 | |||||
{ | |||||
path: '/attestationFingerpost', | |||||
meta:{ | |||||
title:"认证指南" | |||||
}, | |||||
component: r => require.ensure([], () => r(require('@/page/coursCeentre.vue/attestationFingerpost.vue')), 'attestationFingerpost') | |||||
}, | |||||
//课程中心-证书介绍 | |||||
{ | |||||
path: '/certificate', | |||||
meta:{ | |||||
title:"证书介绍" | |||||
}, | |||||
component: r => require.ensure([], () => r(require('@/page/coursCeentre.vue/certificate.vue')), 'certificate') | |||||
}, | |||||
//师资中心-国外名师 | |||||
{ | |||||
path: '/foreign', | |||||
meta:{ | |||||
title:"国外名师" | |||||
}, | |||||
component: r => require.ensure([], () => r(require('@/page/teaching/foreign.vue')), 'foreign') | |||||
}, | |||||
//企业培训-合作伙伴 | |||||
{ | |||||
path: '/partner', | |||||
meta:{ | |||||
title:"合作伙伴" | |||||
}, | |||||
component: r => require.ensure([], () => r(require('@/page/cultivate/partner.vue')), 'foreign') | |||||
}, | |||||
//企业培训-优秀案例 | |||||
{ | |||||
path: '/excellent', | |||||
meta:{ | |||||
title:"优秀案例" | |||||
}, | |||||
component: r => require.ensure([], () => r(require('@/page/cultivate/excellent.vue')), 'excellent') | |||||
}, | |||||
//企业培训-优秀案例 | |||||
{ | |||||
path: '/particulars', | |||||
meta:{ | |||||
title:"案例详情" | |||||
}, | |||||
component: r => require.ensure([], () => r(require('@/page/cultivate/particulars.vue')), 'particulars') | |||||
}, | |||||
//新闻咨询 | |||||
{ | |||||
path: '/journalism', | |||||
meta:{ | |||||
title:"新闻咨询" | |||||
}, | |||||
component: r => require.ensure([], () => r(require('@/page/journalism/journalism.vue')), 'journalism') | |||||
}, | |||||
//我要应聘 | |||||
{ | |||||
path: '/invite', | |||||
meta:{ | |||||
title:"新闻咨询" | |||||
}, | |||||
component: r => require.ensure([], () => r(require('@/page/serve/invite.vue')), 'invite') | |||||
}, | |||||
//联系我们 | |||||
{ | |||||
path: '/my', | |||||
meta:{ | |||||
title:"联系我们" | |||||
}, | |||||
component: r => require.ensure([], () => r(require('@/page/my/my.vue')), 'my') | |||||
}, | |||||
//首页 | |||||
{ | |||||
path: '*', | |||||
meta:{ | |||||
title:"首页" | |||||
}, | |||||
component: r => require.ensure([], () => r(require('@/page/home/home.vue')), 'pointzujinListEdit') | |||||
}, | |||||
] | |||||
const router = new VueRouter({ | |||||
mode: 'history', | |||||
base: process.env.BASE_URL, | |||||
routes | |||||
}) | |||||
router.beforeEach((to, from, next) => { | |||||
/* 路由发生变化修改页面title */ | |||||
if (to.meta.title) { | |||||
document.title = to.meta.title | |||||
} | |||||
next() | |||||
}) | |||||
export default router |
@@ -0,0 +1,15 @@ | |||||
import Vue from 'vue' | |||||
import Vuex from 'vuex' | |||||
Vue.use(Vuex) | |||||
export default new Vuex.Store({ | |||||
state: { | |||||
}, | |||||
mutations: { | |||||
}, | |||||
actions: { | |||||
}, | |||||
modules: { | |||||
} | |||||
}) |
@@ -0,0 +1,20 @@ | |||||
module.exports = { | |||||
devServer: { | |||||
overlay: { | |||||
warnings: false, | |||||
errors: false | |||||
}, | |||||
proxy: { | |||||
'/qwer': { | |||||
target: 'http://m.maoyan.com', | |||||
changeOrigin: true, | |||||
pathRewrite: { | |||||
'^/qwer': '' | |||||
} | |||||
}, | |||||
} | |||||
}, | |||||
lintOnSave: false, | |||||
} |