|
@@ -1,84 +0,0 @@
|
|
|
-<template>
|
|
|
- <div id="index">
|
|
|
- <el-row>
|
|
|
- <el-col :span="24" class="style">
|
|
|
- <el-col :span="24" class="top">
|
|
|
- <NavBar v-show="navShow" :title="title" :isleftarrow="isleftarrow"> </NavBar>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="main">
|
|
|
- <el-col :span="24" class="one">
|
|
|
- <userMess :userMessInfo="userMessInfo"></userMess>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="two">
|
|
|
- <clickBtn></clickBtn>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="foot">
|
|
|
- <footInfo></footInfo>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </div>
|
|
|
-</template>
|
|
|
-
|
|
|
-<script>
|
|
|
-import NavBar from '@/layout/common/topInfo.vue';
|
|
|
-import footInfo from '@/layout/common/footInfo.vue';
|
|
|
-import userMess from '@/layout/user/userMess.vue';
|
|
|
-import clickBtn from './parts/clickBtn.vue';
|
|
|
-export default {
|
|
|
- name: 'index',
|
|
|
- props: {},
|
|
|
- components: {
|
|
|
- NavBar, //头部
|
|
|
- footInfo, //底部菜单
|
|
|
- userMess, // 头部信息
|
|
|
- clickBtn, //功能按钮
|
|
|
- },
|
|
|
- data: () => ({
|
|
|
- // 头部标题
|
|
|
- title: '',
|
|
|
- // meta为true
|
|
|
- isleftarrow: '',
|
|
|
- // 返回
|
|
|
- navShow: true,
|
|
|
- // 用户信息
|
|
|
- userMessInfo: {
|
|
|
- pic: require('@/assets/logo.png'),
|
|
|
- name: '顾红伟',
|
|
|
- type: '个人',
|
|
|
- phone: '17319450324',
|
|
|
- },
|
|
|
- }),
|
|
|
- created() {},
|
|
|
- computed: {},
|
|
|
- methods: {},
|
|
|
- mounted() {
|
|
|
- this.title = this.$route.meta.title;
|
|
|
- this.isleftarrow = this.$route.meta.isleftarrow;
|
|
|
- },
|
|
|
-};
|
|
|
-</script>
|
|
|
-
|
|
|
-<style lang="less" scoped>
|
|
|
-.style {
|
|
|
- width: 100%;
|
|
|
- min-height: 667px;
|
|
|
- position: relative;
|
|
|
- background-color: #f9fafc;
|
|
|
-}
|
|
|
-.top {
|
|
|
- height: 46px;
|
|
|
- overflow: hidden;
|
|
|
- position: relative;
|
|
|
- z-index: 999;
|
|
|
-}
|
|
|
-.main {
|
|
|
- padding: 0 0 50px 0;
|
|
|
- min-height: 300px;
|
|
|
-}
|
|
|
-.foot {
|
|
|
- position: absolute;
|
|
|
- bottom: 0;
|
|
|
-}
|
|
|
-</style>
|