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