样式更新

src/layout/layout-part/top-Deatil.vue

@@ -21,11 +21,13 @@ export default {
   },
   computed: {},
   methods: {
-    ...mapActions(['siteOperation']),
     async search() {
-      let site = '99991';
-      let result = await this.siteOperation({ type: 'search', data: { site: site } });
-      this.$set(this, 'site', result.data);
+      let site = sessionStorage.getItem('site');
+      if (site) {
+        site = JSON.parse(site);
+        this.$set(this, `site`, site);
+        return;
+      }
     },
   },
 };

src/layout/layout-part/top-menu.vue

@@ -1,6 +1,6 @@
 <template lang="html">
   <div id="menus">
-    <div class="w_0100" :style="`background:${backColor}`">
+    <el-row :style="`background:${backColor}`">
       <div class="w_1200">
         <el-col :span="24" class="menu">
           <el-menu :default-active="activeIndex" mode="horizontal" background-color="#850000" text-color="#fff" active-text-color="#fff" :router="true">
@@ -16,7 +16,7 @@
           </el-menu>
         </el-col>
       </div>
-    </div>
+    </el-row>
   </div>
 </template>
 
@@ -29,10 +29,7 @@ export default {
   data: () => ({
     activeIndex: '1',
     menu: [],
-    input: '',
-    color: '#850000',
     backColor: '#850000',
-    borderCol: '#850000',
   }),
   created() {
     this.loadMenu();
@@ -88,58 +85,9 @@ export default {
 </script>
 
 <style lang="less" scoped>
-.w_0100 {
-  height: 40px;
-  float: left;
-  width: 100%;
-}
 .w_1200 {
-  margin: 0 auto;
   width: 1200px;
-}
-.top {
-  float: left;
-  width: 100%;
-  height: 334px;
-  background-image: url(../../assets/logo_beijing.png);
-}
-.topTit {
-  width: 100%;
-  height: 344px;
-  background: url(../../assets/bg-shade.png) right bottom repeat-x;
-}
-.logo {
-  float: left;
-  width: 50%;
-  padding: 80px 0;
-}
-.logo_txt {
-  margin-right: 6px;
-  font-size: 11px;
-  background: #850000;
-  color: #fff;
-  padding: 2px 10px;
-  display: inline;
-  border-radius: 6px;
-}
-.search {
-  padding: 235px 0 0 0;
-}
-.search .searchInput {
-  border: 2px solid;
-}
-/deep/.search .el-input__inner {
-  height: 26px;
-  border-radius: 0;
-  border: none;
-}
-/deep/.search .el-button {
-  width: 60px;
-  height: 30px;
-  border-radius: 0;
-  padding: 0px 0 0 0;
-  background: #850000;
-  border: 2px solid;
+  margin: 0 auto;
 }
 .menu {
   position: relative;