更新

src/layout/live/head.vue

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

src/layout/userCenter/heads.vue

@@ -1,21 +1,18 @@
 <template>
   <div id="heads">
-    <div class="w_0100">
+    <el-row>
       <div class="superbanner">
         <img :src="top_bg" />
       </div>
       <div class="supertop">
         <div class="w_1200">
-          <p>
-            欢迎来到中科在线
-          </p>
-          <p>
-            <span v-if="user || user.name || user.adminuser"
-              >{{ user.name || user.adminuser }}
-
-              <button type="button" class="logininfo" @click="zhuxiao">退出登录</button>
-            </span>
-          </p>
+          <el-col :span="12" class="left">
+            <span>欢迎来到中科在线</span>
+          </el-col>
+          <el-col :span="12" class="right" v-if="user || user.name || user.adminuser">
+            <span>{{ user.name || user.adminuser }}</span>
+            <el-button type="danger" size="mini" @click="zhuxiao">退出登录</el-button>
+          </el-col>
         </div>
       </div>
       <div class="superlogo">
@@ -28,10 +25,7 @@
           </a>
         </div>
       </div>
-      <div class="supermenu">
-        <div class="w_1200"></div>
-      </div>
-    </div>
+    </el-row>
   </div>
 </template>
 <script>
@@ -81,14 +75,63 @@ export default {
 </script>
 
 <style lang="less" scoped>
-@import '~@/style/style.css';
-.logininfo {
-  font-size: 20px;
-  margin: 0 0 0 5px;
+.w_1200 {
+  width: 1200px;
+  margin: 0 auto;
 }
 /deep/.superbanner {
   position: relative;
   height: 250px;
   overflow: hidden;
 }
+.supertop {
+  .left {
+    height: 40px;
+    line-height: 40px;
+    font-size: 16px;
+    span:last-child {
+      padding: 0 10px;
+      font-weight: bold;
+    }
+    span:last-child:hover {
+      cursor: pointer;
+      color: #0085d2;
+      font-weight: bold;
+    }
+  }
+  .right {
+    text-align: right;
+    height: 40px;
+    line-height: 40px;
+    span {
+      color: #000;
+      font-weight: bold;
+      font-size: 16px;
+      padding: 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;
+}
 </style>

src/views/superAdminCenter/index.vue

@@ -105,7 +105,8 @@ export default {
 
 <style lang="less" scoped>
 .w_1200 {
-  width: 80%;
+  // width: 80%;
+  width: 1200px;
   margin: 0 auto;
 }
 .info {

src/views/userCenter/index.vue

@@ -90,7 +90,8 @@ export default {
 
 <style lang="less" scoped>
 .w_1200 {
-  width: 80%;
+  // width: 80%;
+  width: 1200px;
   margin: 0 auto;
 }
 .info {

src/views/userCenter/productInfo/part/infoRelease.vue

@@ -812,7 +812,7 @@ export default {
   /deep/.el-radio-group {
     border: 1px solid #ccc;
     padding: 12px 20px;
-    width: 396px;
+    width: 268px;
   }
   /deep/.langInfo .el-form-item__label {
     padding: 27px 0;