|
|
@@ -6,54 +6,28 @@
|
|
|
</div>
|
|
|
<div class="supertop">
|
|
|
<div class="w_1200">
|
|
|
- <!-- <el-col :span="12" class="left">
|
|
|
+ <el-col :span="12" class="left">
|
|
|
<span>欢迎来到中科在线</span>
|
|
|
<span @click="guanzhu()">关注公众号</span>
|
|
|
</el-col>
|
|
|
<el-col :span="12" class="right">
|
|
|
- <el-col :span="18" class="one">
|
|
|
- <span v-if="user.uid || user.suid">
|
|
|
- {{ user.name || user.adminuser }}
|
|
|
- </span>
|
|
|
- </el-col>
|
|
|
- <el-col
|
|
|
- :span="3"
|
|
|
- class="two"
|
|
|
- v-if="user.role == '2' || user.role == '3' || user.role == '4' || user.role == '5' || user.role == '6' || user.role == '7' || user.role == '8'"
|
|
|
- >
|
|
|
- <span v-if="user.uid">
|
|
|
- <button
|
|
|
- type="text"
|
|
|
- class="center"
|
|
|
- @click="tuCenter"
|
|
|
- v-if="user.role == '3' || user.role == '4' || user.role == '5' || user.role == '6' || user.role == '7' || user.role == '8'"
|
|
|
- >
|
|
|
- 个人中心
|
|
|
- </button>
|
|
|
- <button type="button" @click="zhuxiao" class="outLogin">退出</button>
|
|
|
- </span>
|
|
|
- <span v-else>
|
|
|
- <el-button type="primary" size="mini" class="loginBtn" @click="webLogin">平台登录</el-button>
|
|
|
+ <span v-if="user.uid || user.suid" class="name"> {{ user.name || user.adminuser }}</span>
|
|
|
+ <span v-if="user.uid">
|
|
|
+ <span
|
|
|
+ v-if="user.role == '2' || user.role == '3' || user.role == '4' || user.role == '5' || user.role == '6' || user.role == '7' || user.role == '8'"
|
|
|
+ >
|
|
|
+ <el-button @click="tuCenter" type="info" size="mini">个人中心</el-button>
|
|
|
+ <el-button @click="zhuxiao" type="danger" size="mini">退出登录</el-button>
|
|
|
</span>
|
|
|
- </el-col>
|
|
|
- <el-col :span="3" class="two" v-if="user.role == '0' || user.role == '1' || user.role == '7'">
|
|
|
- <span v-if="user.uid">
|
|
|
- <button type="text" class="center" @click="tuCenter" v-if="user.role == '0' || user.role == '1' || user.role == '7'">
|
|
|
- 个人中心
|
|
|
- </button>
|
|
|
- <button type="button" @click="zhuxiao" class="outLogin">退出</button>
|
|
|
- </span>
|
|
|
- <span v-else>
|
|
|
- <el-button type="primary" size="mini" class="loginBtn" @click="adminLogin">管理登录</el-button>
|
|
|
+ </span>
|
|
|
+ <el-button v-else type="primary" size="mini" @click="webLogin">平台登录</el-button>
|
|
|
+ <span v-if="user.uid">
|
|
|
+ <span v-if="user.role == '0' || user.role == '1' || user.role == '7'">
|
|
|
+ <el-button @click="tuCenter" type="info" size="mini">个人中心</el-button>
|
|
|
+ <el-button @click="zhuxiao" type="danger" size="mini">退出登录</el-button>
|
|
|
</span>
|
|
|
- </el-col>
|
|
|
- </el-col> -->
|
|
|
- <el-col :span="12" class="left">
|
|
|
- <span>欢迎来到中科在线</span>
|
|
|
- <span @click="guanzhu()">关注公众号</span>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12" class="right">
|
|
|
- 右侧
|
|
|
+ </span>
|
|
|
+ <el-button v-else type="primary" size="mini" @click="adminLogin">管理登录</el-button>
|
|
|
</el-col>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -205,7 +179,21 @@ export default {
|
|
|
</script>
|
|
|
|
|
|
<style lang="less" scoped>
|
|
|
-@import '~@/style/style.css';
|
|
|
+.w_1200 {
|
|
|
+ width: 1200px;
|
|
|
+ margin: 0 auto;
|
|
|
+}
|
|
|
+.superbanner {
|
|
|
+ position: relative;
|
|
|
+ height: 250px;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+.superbanner img {
|
|
|
+ width: 100%;
|
|
|
+ height: 250px;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
.supertop {
|
|
|
.left {
|
|
|
height: 40px;
|
|
|
@@ -221,41 +209,81 @@ export default {
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
}
|
|
|
- // .right {
|
|
|
- // height: 40px;
|
|
|
- // line-height: 40px;
|
|
|
- // font-size: 16px;
|
|
|
- // color: #000;
|
|
|
- // .one {
|
|
|
- // text-align: right;
|
|
|
- // color: #000;
|
|
|
- // font-weight: bold;
|
|
|
- // }
|
|
|
- // .two {
|
|
|
- // text-align: center;
|
|
|
- // .loginBtn:hover {
|
|
|
- // cursor: pointer;
|
|
|
- // }
|
|
|
- // .center {
|
|
|
- // font-size: 15px;
|
|
|
- // font-weight: bold;
|
|
|
- // color: #fff;
|
|
|
- // }
|
|
|
- // .center:hover {
|
|
|
- // cursor: pointer;
|
|
|
- // color: #0085d2;
|
|
|
- // }
|
|
|
- // .outLogin {
|
|
|
- // margin: 0 0 0 5px;
|
|
|
- // font-weight: bold;
|
|
|
- // font-size: 14px;
|
|
|
- // }
|
|
|
- // .outLogin:hover {
|
|
|
- // cursor: pointer;
|
|
|
- // color: #0085d2;
|
|
|
- // }
|
|
|
- // }
|
|
|
- // }
|
|
|
+ .right {
|
|
|
+ text-align: right;
|
|
|
+ height: 40px;
|
|
|
+ line-height: 40px;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #000;
|
|
|
+ .name {
|
|
|
+ font-weight: bold;
|
|
|
+ margin: 0 10px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+.superlogo {
|
|
|
+ position: absolute;
|
|
|
+ top: 40px;
|
|
|
+ width: 100%;
|
|
|
+ padding: 50px 0 0 0;
|
|
|
+}
|
|
|
+
|
|
|
+.superlogo img {
|
|
|
+ width: 76px;
|
|
|
+ height: 64px;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+.superlogo span {
|
|
|
+ color: #2d64b3;
|
|
|
+ font-size: 36px;
|
|
|
+ font-family: cursive;
|
|
|
+ text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
|
|
|
+ font-weight: 600;
|
|
|
+ position: relative;
|
|
|
+ top: 10px;
|
|
|
+ padding: 0 0 0 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.supermenu {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: 50px;
|
|
|
+}
|
|
|
+
|
|
|
+.supermenu .info {
|
|
|
+ height: 50px;
|
|
|
+ line-height: 50px;
|
|
|
+ background: #0085d2;
|
|
|
+}
|
|
|
+
|
|
|
+.supermenu .info ul li {
|
|
|
+ float: left;
|
|
|
+ height: 50px;
|
|
|
+ line-height: 50px;
|
|
|
+ font-size: 20px;
|
|
|
+ /* border-right: 1px solid #76bdfe; */
|
|
|
+ width: 20%;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+.supermenu .info ul li span {
|
|
|
+ background-color: #76bdfe;
|
|
|
+ height: 50px;
|
|
|
+ float: right;
|
|
|
+ width: 1px;
|
|
|
+}
|
|
|
+
|
|
|
+.supermenu .info ul .active {
|
|
|
+ background-color: #fe950e;
|
|
|
+}
|
|
|
+
|
|
|
+.supermenu .info ul li a {
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.supermenu .info ul li:last-child {
|
|
|
+ border-right: 0;
|
|
|
}
|
|
|
.btnER {
|
|
|
font-size: 16px;
|
