|
@@ -1,51 +1,32 @@
|
|
|
<template>
|
|
|
<div id="top">
|
|
|
<el-row>
|
|
|
- <el-col :span="24" class="foot">
|
|
|
- <el-col :span="24" class="top">
|
|
|
- <div class="w_1200">
|
|
|
- <el-col :span="12" class="left">
|
|
|
- 欢迎来到中科在线(长春)
|
|
|
- </el-col>
|
|
|
- <el-col :span="12" class="right">
|
|
|
- <el-col :span="24" v-if="user ? user.id : ''">
|
|
|
- <span>{{ user.name || user.adminuser || user.user || user.title || '游客' }}</span>
|
|
|
- <el-button type="primary" size="mini" @click="$router.push({ path: '/userCenter' })">个人中心</el-button>
|
|
|
- <el-button type="danger" size="mini" @click="logout">退出登录</el-button>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" v-else>
|
|
|
- <span>游客</span>
|
|
|
- <el-button type="primary" size="mini" @click="$router.push({ path: '/login' })">平台登录</el-button>
|
|
|
- <el-button type="primary" size="mini" @click="adminBtn()">管理登录</el-button>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- </div>
|
|
|
+ <el-col :span="24" class="main">
|
|
|
+ <el-col :span="24" class="one">
|
|
|
+ 环南湖科创先导区双创服务平台
|
|
|
</el-col>
|
|
|
- <el-col :span="24" class="info">
|
|
|
- <div class="w_1200">
|
|
|
- <el-image :src="logo" @click="$router.push({ path: '/' })"></el-image>
|
|
|
- <span @click="$router.push({ path: '/' })">中科在线(长春)</span>
|
|
|
- </div>
|
|
|
+ <el-col :span="24" class="two">
|
|
|
+ 环南湖科创先导区双创服务平台
|
|
|
</el-col>
|
|
|
- <el-col :span="24" class="menu">
|
|
|
+ <el-col :span="24" class="thr">
|
|
|
<div class="w_1200">
|
|
|
<el-col :span="24" class="menuInfo">
|
|
|
<ul>
|
|
|
- <li :class="isTab('live') ? 'active' : ''">
|
|
|
- <a @click="turnTo('live')" target="">直播大厅</a>
|
|
|
+ <li :class="isTab('news') ? 'active' : ''">
|
|
|
+ <a @click="turnTo('news')" target="">新闻资讯</a>
|
|
|
+ </li>
|
|
|
+ <li :class="isTab('service') ? 'active' : ''">
|
|
|
+ <a @click="turnTo('service')" target="">科技服务</a>
|
|
|
</li>
|
|
|
<li :class="isTab('market') ? 'active' : ''">
|
|
|
- <a @click="turnTo('market')" target="">科技超市</a>
|
|
|
+ <a @click="turnTo('market')" target="">技术超市</a>
|
|
|
</li>
|
|
|
- <li :class="isTab('news') ? 'active' : ''">
|
|
|
- <a @click="turnTo('news')" target="">新闻资讯</a>
|
|
|
+ <li :class="isTab('train') ? 'active' : ''">
|
|
|
+ <a @click="turnTo('train')" target="">宣传培训</a>
|
|
|
</li>
|
|
|
<li :class="isTab('dynamic') ? 'active' : ''">
|
|
|
<a @click="turnTo('dynamic')" target="">数据动态</a>
|
|
|
</li>
|
|
|
- <li :class="isTab('techolchat') ? 'active' : ''">
|
|
|
- <a @click="turnTo('techolchat')" target="">技术交流</a>
|
|
|
- </li>
|
|
|
</ul>
|
|
|
</el-col>
|
|
|
</div>
|
|
@@ -62,13 +43,9 @@ export default {
|
|
|
props: {},
|
|
|
components: {},
|
|
|
data: function() {
|
|
|
- return {
|
|
|
- logo: require('../../assets/logo.png'),
|
|
|
- };
|
|
|
- },
|
|
|
- created() {
|
|
|
- console.log(this.user);
|
|
|
+ return {};
|
|
|
},
|
|
|
+ created() {},
|
|
|
methods: {
|
|
|
turnTo(type) {
|
|
|
this.$router.push({ path: `/${type}/index` });
|
|
@@ -77,20 +54,20 @@ export default {
|
|
|
isTab(type) {
|
|
|
return this.$route.path.includes(`/${type}`);
|
|
|
},
|
|
|
- // 退出登录
|
|
|
- logout() {
|
|
|
- localStorage.removeItem('token');
|
|
|
- localStorage.removeItem('type');
|
|
|
- this.$router.push('/');
|
|
|
- },
|
|
|
- adminBtn() {
|
|
|
- window.location.href = 'http://broadcast.waityou24.cn/liveadmin/login';
|
|
|
- },
|
|
|
},
|
|
|
computed: {
|
|
|
...mapState(['user']),
|
|
|
},
|
|
|
- watch: {},
|
|
|
+ metaInfo() {
|
|
|
+ return { title: this.$route.meta.title };
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ test: {
|
|
|
+ deep: true,
|
|
|
+ immediate: true,
|
|
|
+ handler(val) {},
|
|
|
+ },
|
|
|
+ },
|
|
|
};
|
|
|
</script>
|
|
|
|
|
@@ -99,53 +76,13 @@ export default {
|
|
|
width: 1200px;
|
|
|
margin: 0 auto;
|
|
|
}
|
|
|
-.foot {
|
|
|
- height: 250px;
|
|
|
- background: url('../../assets/top_bg.png');
|
|
|
- background-repeat: no-repeat;
|
|
|
- background-size: 100% 100%;
|
|
|
- .top {
|
|
|
- height: 40px;
|
|
|
- line-height: 40px;
|
|
|
- background: #2152991f;
|
|
|
- .left {
|
|
|
- color: #fff;
|
|
|
- }
|
|
|
- .right {
|
|
|
- text-align: right;
|
|
|
- span {
|
|
|
- display: inline-block;
|
|
|
- padding: 0px 10px;
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .info {
|
|
|
- height: 160px;
|
|
|
- overflow: hidden;
|
|
|
- position: relative;
|
|
|
- .el-image {
|
|
|
- width: 70px;
|
|
|
- height: 70px;
|
|
|
- overflow: hidden;
|
|
|
- top: 40px;
|
|
|
- }
|
|
|
- span {
|
|
|
- color: #2d64b3;
|
|
|
- font-size: 36px;
|
|
|
- font-family: cursive;
|
|
|
- text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
|
|
|
- font-weight: 600;
|
|
|
- padding: 0 10px;
|
|
|
- position: absolute;
|
|
|
- height: 160px;
|
|
|
- line-height: 160px;
|
|
|
- }
|
|
|
- }
|
|
|
- .info:hover {
|
|
|
- cursor: pointer;
|
|
|
- }
|
|
|
- .menu {
|
|
|
+.main {
|
|
|
+ height: 150px;
|
|
|
+ // .one {
|
|
|
+ // }
|
|
|
+ // .two {
|
|
|
+ // }
|
|
|
+ .thr {
|
|
|
.menuInfo {
|
|
|
height: 50px;
|
|
|
overflow: hidden;
|