|
@@ -3,36 +3,51 @@
|
|
|
<el-row>
|
|
|
<el-col :span="24" class="top">
|
|
|
<div class="w_1200">
|
|
|
- 头部
|
|
|
+ <top :logolist="logolist"></top>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :span="24" class="menu">
|
|
|
<div class="w_1200">
|
|
|
- 导航
|
|
|
+ <native></native>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :span="24" class="main">
|
|
|
<div class="w_1200">
|
|
|
<el-col :span="6" class="mainLeft">
|
|
|
- 左侧导航
|
|
|
+ <mainLeft></mainLeft>
|
|
|
</el-col>
|
|
|
<el-col :span="17" class="mainRight">
|
|
|
- 右侧列表展示
|
|
|
+ <mainRight :mainRightList="mainRightList"></mainRight>
|
|
|
</el-col>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :span="24" class="down">
|
|
|
- <div class="w_1200">底部</div>
|
|
|
+ <footinfo :content="content"></footinfo>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import top from '../../layout/index/top.vue';
|
|
|
+import native from '../../layout/index/native.vue';
|
|
|
+import mainLeft from '../../layout/list/mainLeft.vue';
|
|
|
+import mainRight from '../../layout/list/mainRight.vue';
|
|
|
+import footinfo from '../../layout/index/foot.vue';
|
|
|
export default {
|
|
|
name: 'list',
|
|
|
- props: {},
|
|
|
- components: {},
|
|
|
+ props: {
|
|
|
+ logolist: null,
|
|
|
+ mainRightList:null,
|
|
|
+ content: null,
|
|
|
+ },
|
|
|
+ components: {
|
|
|
+ top,
|
|
|
+ native,
|
|
|
+ footinfo,
|
|
|
+ mainLeft,
|
|
|
+ mainRight,
|
|
|
+ },
|
|
|
data: () => ({}),
|
|
|
created() { },
|
|
|
computed: {},
|
|
@@ -46,13 +61,11 @@ export default {
|
|
|
margin: 0 auto;
|
|
|
}
|
|
|
.top {
|
|
|
- height: 100px;
|
|
|
- border: 1px solid #ccc;
|
|
|
+ height: 150px;
|
|
|
}
|
|
|
.menu {
|
|
|
margin-bottom: 20px;
|
|
|
height: 40px;
|
|
|
- border: 1px solid #ccc;
|
|
|
}
|
|
|
.main {
|
|
|
min-height: 500px;
|
|
@@ -64,6 +77,7 @@ export default {
|
|
|
border: 1px solid #ccc;
|
|
|
}
|
|
|
.main .mainRight {
|
|
|
+ padding: 20px;
|
|
|
float: right;
|
|
|
width: 880px;
|
|
|
min-height: 500px;
|