修改主页，去除提示板，增加联系我们
This commit is contained in:
lVAL
parent
11b9cf6764
commit
92ed49b73d
BIN
src/assets/source/wxcode.png
Normal file
BIN
src/assets/source/wxcode.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 197 KiB |
@ -56,6 +56,12 @@ const routes = [
|
||||
name: "About",
|
||||
component: () =>
|
||||
import(/* webpackChunkName: "about" */ "../views/About.vue")
|
||||
},
|
||||
{
|
||||
path: "/relation",
|
||||
name: "Relation",
|
||||
component: () =>
|
||||
import(/* webpackChunkName: "relation" */ "../views/Relation.vue")
|
||||
}
|
||||
]
|
||||
},
|
||||
|
||||
@ -25,8 +25,8 @@
|
||||
<p>
|
||||
为进一步加快行业职教互联网化进程，提高职业教育的教学水平，提升个人能力的共享实训平台，我公司长期面向社会寻求代理合作，
|
||||
代理商主要负责市场推广及商务交流、项目招投标等内容，详情咨询
|
||||
<strong><em>13289398171</em></strong>
|
||||
宋经理。
|
||||
<strong><em>13910989830</em></strong>
|
||||
许经理。
|
||||
</p>
|
||||
</article>
|
||||
|
||||
@ -93,7 +93,7 @@ export default {
|
||||
padding: 10px;
|
||||
|
||||
.container {
|
||||
width: 55%;
|
||||
width: 50%;
|
||||
margin: auto;
|
||||
background: #fff;
|
||||
padding: 80px;
|
||||
|
||||
@ -1,7 +1,10 @@
|
||||
<template>
|
||||
<div
|
||||
class="announce animate__animated animate__bounceIn animate__faster"
|
||||
></div>
|
||||
<div class="announce animate__animated animate__bounceIn animate__faster">
|
||||
<!-- <h3>联系方式</h3>
|
||||
<p><span v-html="`联系人：`" />许经理</p>
|
||||
<p><span v-html="`手  机：`" />13910989830</p>
|
||||
<p><span v-html="`邮  箱：`" />henry@joylink.club</p> -->
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { Notification } from "element-ui";
|
||||
@ -14,25 +17,26 @@ export default {
|
||||
},
|
||||
mounted() {
|
||||
Notification.closeAll();
|
||||
this.notify(
|
||||
"<div><strong>尊敬的用户：</strong></div>" +
|
||||
"<p style='text-indent:2em'>由于系统改版升级，原云平台网址（<em>https://www.joylink.club</em>）现已变更为官方网站。</p>" +
|
||||
"<p style='text-indent:2em'>新实训平台入口：<a style='color:blue' target='_blank' href='https://joylink.club/cbtc/'>https://joylink.club/cbtc/</a></p>" +
|
||||
"<p style='text-indent:2em'>新设计平台入口：<a style='color:blue' target='_blank' href='https://joylink.club/cbtc/design/'>https://joylink.club/cbtc/design/</a></p>" +
|
||||
"<p style='text-indent:2em'><a style='color:blue' href='/exhibition'>点此查看其他系统入口。</a></p>"
|
||||
);
|
||||
// this.notify(
|
||||
// "网站域名变更公告",
|
||||
// "<div><strong>尊敬的用户：</strong></div>" +
|
||||
// "<p style='text-indent:2em'>由于系统改版升级，原云平台网址（<em>https://www.joylink.club</em>）现已变更为官方网站。</p>" +
|
||||
// "<p style='text-indent:2em'>新实训平台入口：<a style='color:blue' target='_blank' href='https://joylink.club/cbtc/'>https://joylink.club/cbtc/</a></p>" +
|
||||
// "<p style='text-indent:2em'>新设计平台入口：<a style='color:blue' target='_blank' href='https://joylink.club/cbtc/design/'>https://joylink.club/cbtc/design/</a></p>" +
|
||||
// "<p style='text-indent:2em'><a style='color:blue' href='/exhibition'>点此查看其他系统入口。</a></p>"
|
||||
// );
|
||||
},
|
||||
beforeDestroy() {
|
||||
Notification.closeAll();
|
||||
},
|
||||
methods: {
|
||||
notify(message) {
|
||||
notify(title, message) {
|
||||
this.$notify({
|
||||
title: "网站域名变更公告",
|
||||
duration: 0,
|
||||
position: "top-right",
|
||||
dangerouslyUseHTMLString: true,
|
||||
customClass: "notify",
|
||||
title,
|
||||
message
|
||||
});
|
||||
}
|
||||
@ -58,5 +62,13 @@ export default {
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.announce {
|
||||
// position: fixed;
|
||||
// top: 80px;
|
||||
// right: 0px;
|
||||
// z-index: 999;
|
||||
// background: #ff850b;
|
||||
// padding: 10px 32px;
|
||||
// text-align: left;
|
||||
// color: #fff;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -1,117 +0,0 @@
|
||||
<template>
|
||||
<div class="top" :style="{ height: visible ? 'auto' : '25px' }">
|
||||
<div class="nav">
|
||||
<div class="container">
|
||||
<div
|
||||
class="menu"
|
||||
v-for="(el, i) in menus"
|
||||
:class="active == i ? 'active' : ''"
|
||||
:key="i"
|
||||
@click="onMenuChange(el, i)"
|
||||
>
|
||||
<i :class="el.icon" style="margin-right:5px" />
|
||||
<router-link :to="el.href">
|
||||
<span>{{ el.name }}</span>
|
||||
</router-link>
|
||||
<i
|
||||
v-if="el.popup"
|
||||
style="margin-left:5px"
|
||||
class="el-icon-arrow-down"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layer">
|
||||
<el-collapse-transition>
|
||||
<div v-show="visible">
|
||||
//下拉card
|
||||
</div>
|
||||
</el-collapse-transition>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
active: -1,
|
||||
visible: false
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
menus() {
|
||||
return [
|
||||
{
|
||||
name: "登录",
|
||||
icon: "el-icon-user",
|
||||
href: "//login",
|
||||
popup: false
|
||||
}
|
||||
];
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
onMenuChange(el, index) {
|
||||
if (el.popup) {
|
||||
this.active = this.active == index ? -1 : index;
|
||||
this.visible = this.active == index;
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.top {
|
||||
text-align: right;
|
||||
background-color: transparent;
|
||||
.nav {
|
||||
height: 25px;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
transition: all 0.5s;
|
||||
transform: translate3d(0, 0, 0);
|
||||
background-color: #111111;
|
||||
|
||||
.container {
|
||||
height: 100%;
|
||||
width: 93.705%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
.menu {
|
||||
height: 100%;
|
||||
margin-left: 10px;
|
||||
margin-right: 0;
|
||||
padding: 0 10px;
|
||||
display: flex;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
span {
|
||||
font-size: 12px;
|
||||
color: #fff;
|
||||
}
|
||||
i {
|
||||
font-size: 13px;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.layer {
|
||||
}
|
||||
}
|
||||
|
||||
.active {
|
||||
color: #818181 !important;
|
||||
background: #fff;
|
||||
}
|
||||
</style>
|
||||
@ -33,8 +33,7 @@ export default {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
.container {
|
||||
width: 85.652%;
|
||||
max-width: 1430.016px;
|
||||
width: 70%;
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@ -35,7 +35,8 @@ export default {
|
||||
return [
|
||||
{
|
||||
name: "联系我们",
|
||||
href: "/about?aim=proxy"
|
||||
// href: "/about?aim=proxy"
|
||||
href: "/relation"
|
||||
}
|
||||
];
|
||||
}
|
||||
|
||||
@ -57,6 +57,10 @@ export default {
|
||||
{
|
||||
name: "关于玖琏",
|
||||
href: "/about"
|
||||
},
|
||||
{
|
||||
name: "联系方式",
|
||||
href: "/relation"
|
||||
}
|
||||
];
|
||||
},
|
||||
|
||||
@ -45,7 +45,7 @@ export default {
|
||||
min-height: 100vh;
|
||||
|
||||
.page {
|
||||
width: 60%;
|
||||
width: 55%;
|
||||
margin: auto;
|
||||
background: #fff;
|
||||
margin-bottom: 10px;
|
||||
|
||||
47
src/views/Relation.vue
Normal file
47
src/views/Relation.vue
Normal file
@ -0,0 +1,47 @@
|
||||
<template>
|
||||
<div class="page">
|
||||
<div class="container">
|
||||
<p><span v-html="`联系人：`" />许经理</p>
|
||||
<p><span v-html="`手  机：`" />13910989830</p>
|
||||
<p><span v-html="`邮  箱：`" />henry@joylink.club</p>
|
||||
<p><span v-html="`微  信：`" /></p>
|
||||
<div class="picture">
|
||||
<el-image :src="wxcode" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import wxcode from "@/assets/source/wxcode.png";
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
wxcode
|
||||
};
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.page {
|
||||
background: #f7f7f9;
|
||||
.container {
|
||||
width: 50%;
|
||||
margin: auto;
|
||||
padding: 30px 50px;
|
||||
background: #fff;
|
||||
text-align: left;
|
||||
|
||||
.picture {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
.el-image {
|
||||
width: 400px;
|
||||
border: 1px solid #eee;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user