|
@@ -0,0 +1,74 @@
|
|
|
+<template>
|
|
|
+ <div id="list">
|
|
|
+ <el-row>
|
|
|
+ <el-col :sapn="24" class="top">
|
|
|
+ <top :info="info"></top>
|
|
|
+ </el-col>
|
|
|
+ <el-col :sapn="24" class="banner">
|
|
|
+ <banner :info="info"></banner>
|
|
|
+ </el-col>
|
|
|
+ <el-col :sapn="24" class="menu">
|
|
|
+ <menuInfo></menuInfo>
|
|
|
+ </el-col>
|
|
|
+ <el-col :sapn="24" class="main">
|
|
|
+ <div class="w_1270">
|
|
|
+ 主体
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :sapn="24" class="down">
|
|
|
+ <down :info="info"></down>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import top from '@/layout/index/top.vue';
|
|
|
+import banner from '@/layout/index/banner.vue';
|
|
|
+import menuInfo from '@/layout/index/menuInfo.vue';
|
|
|
+import down from '@/layout/index/down.vue';
|
|
|
+export default {
|
|
|
+ name: 'list',
|
|
|
+ props: {
|
|
|
+ info: null, //站点信息
|
|
|
+ },
|
|
|
+ components: {
|
|
|
+ top, //头部
|
|
|
+ banner, //banner
|
|
|
+ menuInfo, //菜单
|
|
|
+ down, //底部
|
|
|
+ },
|
|
|
+ data: () => ({}),
|
|
|
+ created() {},
|
|
|
+ computed: {},
|
|
|
+ methods: {},
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="less" scoped>
|
|
|
+.w_1270 {
|
|
|
+ width: 1270px;
|
|
|
+ margin: 0 auto;
|
|
|
+}
|
|
|
+.top {
|
|
|
+ height: 40px;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+.banner {
|
|
|
+ height: 300px;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+.menu {
|
|
|
+ height: 50px;
|
|
|
+ overflow: hidden;
|
|
|
+ border-bottom: 1px solid #ccc;
|
|
|
+}
|
|
|
+.main {
|
|
|
+ min-height: 1000px;
|
|
|
+ background: #f6f6f6;
|
|
|
+}
|
|
|
+.down {
|
|
|
+ height: 135px;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+</style>
|