web-test/src/components/enterprise/enterpisedg.vue

<template>
  <div id="adviserList">
    <el-row>
      <el-col :span="24" class="main">
        <el-col :span="24" class="top">
          <heads></heads>
        </el-col>
        <div class="w_1200">
          <el-col :span="5" class="left">
            <el-col :span="24" class="leftTop">
              <mainMenu :liebiaoList="liebiaoList" v-on="$listeners"></mainMenu>
            </el-col>
          </el-col>
          <el-col :span="19" class="right">
            <context
              v-on="$listeners"
              :total1="total1"
              :total2="total2"
              :total3="total3"
              :columnName="columnName"
              :dinggou1="dinggou1"
              :dinggou2="dinggou2"
              :dinggou3="dinggou3"
              :faqilist="faqilist"
              :totalfaqi="totalfaqi"
            ></context>
          </el-col>
        </div>
        <el-col :span="24" class="foots">
          <foot></foot>
        </el-col>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import mainMenu from '@/layout/enterprise/mainMenu.vue';
import context from '@/layout/enterprise/context.vue';
import heads from '@/layout/enterprise/heads.vue';
import foot from '@/layout/live/foot.vue';
export default {
  name: 'adviserList',
  props: {
    liebiaoList: null, //分类导航
    columnName: null, //栏目名称
    dinggou1: null,
    dinggou2: null,
    dinggou3: null,
    total1: null,
    total2: null,
    total3: null,
    faqilist: null,
    totalfaqi: null,
  },
  components: {
    heads, //头部
    mainMenu, //分类导航
    context, //列表
    foot,
  },
  data: () => ({}),
  created() {},
  computed: {},
  methods: {},
};
</script>

<style lang="less" scoped>
.w_1200 {
  width: 80%;
  margin: 0 auto;
}

.menu {
  height: 70px;
  overflow: hidden;
}
.main {
  min-height: 1080px;
  overflow: hidden;

  background: #e9edf6;
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
}
.left {
  height: 880px;
  margin: 0 10px 0 0;
  width: 20%;
}

.leftTop {
  background: #fff;
  height: 455px;
  overflow: hidden;
  margin: 0 0 10px 0;
}
.right {
  width: 79%;
  min-height: 880px;
  overflow: hidden;
  background-color: #fff;
}
.foots {
  margin: 10px 0 0 0;
}
</style>