更新

src/views/index/index.vue

@@ -1,138 +1,47 @@
 <template>
   <div id="index">
     <el-row>
-      <el-col :span="24">
-        <el-col :span="24" class="top">
-          <top :topInfo="topInfo"></top>
-        </el-col>
+      <el-col :span="24" class="top">
+        <div class="w_1200">
+          头部
+        </div>
       </el-col>
-      <el-col :span="24">
-        <el-col :span="24" class="menu" :style="`background:${backColor}`">
-          <div class="w_1200">
-            <native></native>
-          </div>
-        </el-col>
+      <el-col :span="24" class="menu">
+        导航
       </el-col>
       <el-col :span="24" class="main">
         <div class="w_1200">
-          <el-col :span="24" class="mainTop">
-            <el-col :span="16" class="news">
-              <news :newsList="newsList"></news>
-            </el-col>
-            <el-col :span="7" class="notice">
-              <notice :noticeList="noticeList"></notice>
-            </el-col>
-          </el-col>
-          <el-col :span="24" class="mainLogin">
-            <login></login>
+          <el-col :span="6" class="notice">
+            通知公告
           </el-col>
-          <el-col :span="24" class="mainData">
-            <el-col :span="7" class="RiLi">
-              <calendar :calendar="calendar"></calendar>
-            </el-col>
-            <el-col :span="16" class="recruit">
-              <recruit :talksList="talksList" :fairsList="fairsList" :talksoutList="talksoutList" :infoList="infoList">
-              </recruit>
-            </el-col>
+          <el-col :span="17" class="news">
+            新闻动态
           </el-col>
-          <el-col :span="24" class="mainQuick">
-            <el-col :span="7" class="fast">
-              <fast></fast>
-            </el-col>
-            <el-col :span="16" class="cause">
-              <cause :enterList="enterList" :enterInfoList="enterInfoList"></cause>
-            </el-col>
-          </el-col>
-          <el-col :span="24" class="mainWheel">
-            <el-col :span="7" class="wheelLeft">
-              <el-col :span="24" class="lunbo">
-                <lunbo :lunboList="lunboList"></lunbo>
-              </el-col>
-              <el-col :span="24" class="content">
-                <contact></contact>
-              </el-col>
-            </el-col>
-            <el-col :span="16" class="wheelRight">
-              <el-col :span="24" class="danwei">
-                <danwei :danweiList="danweiList" :danweiInfoList="danweiInfoList"></danwei>
-              </el-col>
-              <el-col :span="24" class="yizhanshi">
-                <yizhanshi :image="image" :yizhanList="yizhanList"></yizhanshi>
-              </el-col>
-            </el-col>
+        </div>
+      </el-col>
+      <el-col :span="24" class="mains">
+        <div class="w_1200">
+          <el-col :span="6" class="mingshi">
+            计算明示
           </el-col>
-          <el-col :span="24" class="mainLink">
-            <friendLink :linkImgList="linkImgList"></friendLink>
+          <el-col :span="17" class="chengguo">
+            成果展示
           </el-col>
         </div>
       </el-col>
       <el-col :span="24" class="down">
-        <div class="w_1200">
-          <footDown :downList="downList"></footDown>
-        </div>
+        <div class="w_1200">底部</div>
       </el-col>
     </el-row>
   </div>
 </template>
 
 <script>
-import top from '../../layout/index/top.vue';
-import native from '../../layout/index/native.vue';
-import news from '../../layout/index/news.vue';
-import notice from '../../layout/index/notice.vue';
-import login from '../../layout/index/login.vue';
-import calendar from '../../layout/index/calendar.vue';
-import recruit from '../../layout/index/recruit.vue';
-import fast from '../../layout/index/fast.vue';
-import cause from '../../layout/index/cause.vue';
-import danwei from '../../layout/index/danwei.vue';
-import yizhanshi from '../../layout/index/yizhanshi.vue';
-import lunbo from '../../layout/index/lunbo.vue';
-import contact from '../../layout/index/contact.vue';
-import friendLink from '../../layout/index/friendLink.vue';
-import footDown from '../../layout/index/foot.vue';
 export default {
   name: 'index',
-  props: {
-    topInfo: null,
-    newsList: null,
-    noticeList: null,
-    calendar: null,
-    talksList: null,
-    fairsList: null,
-    talksoutList: null,
-    infoList: null,
-    enterList: null,
-    enterInfoList: null,
-    danweiList: null,
-    danweiInfoList: null,
-    image: null,
-    lunboList: null,
-    yizhanList: null,
-    linkImgList: null,
-    downList: null,
-  },
-  components: {
-    top,
-    native,
-    news,
-    notice,
-    login,
-    calendar,
-    recruit,
-    fast,
-    cause,
-    danwei,
-    yizhanshi,
-    lunbo,
-    contact,
-    friendLink,
-    footDown,
-
-  },
-  data: () => ({
-    backColor: '#850000',
-  }),
+  props: {},
+  components: {},
+  data: () => ({}),
   created() { },
   computed: {},
   methods: {},
@@ -145,98 +54,44 @@ export default {
   margin: 0 auto;
 }
 .top {
-  min-height: 300px;
+  height: 100px;
+  border: 1px solid #ccc;
 }
 .menu {
+  margin-bottom: 20px;
   height: 40px;
-}
-.main {
-  margin: 20px 0 0 0;
-}
-.mainTop {
-  margin: 0 0 20px 0;
-}
-.mainTop .news {
-  height: 316px;
-  border: 1px solid #ccc;
-  overflow: hidden;
-}
-.mainTop .notice {
-  float: right;
-  width: 380px;
-  height: 316px;
   border: 1px solid #ccc;
-  overflow: hidden;
 }
-.mainLogin {
-  margin: 0 0 20px 0;
-  height: 80px;
-  border: 1px solid #ccc;
-}
-.mainData {
-  margin: 0 0 20px 0;
+.main {
+  margin-bottom: 20px;
+  height: 400px;
 }
-.mainData .RiLi {
-  height: 340px;
+.main .notice {
+  height: 400px;
   border: 1px solid #ccc;
 }
-.mainData .recruit {
+.main .news {
   float: right;
-  width: 830px;
-  height: 340px;
-  overflow: hidden;
+  width: 880px;
+  height: 400px;
   border: 1px solid #ccc;
 }
-.mainQuick {
-  margin: 0 0 20px 0;
+.mains {
+  margin-bottom: 20px;
+  height: 400px;
 }
-.mainQuick .fast {
-  height: 250px;
-}
-.mainQuick .cause {
-  float: right;
-  width: 830px;
-  height: 315px;
-  overflow: hidden;
+.mains .mingshi {
+  height: 400px;
   border: 1px solid #ccc;
 }
-.mainWheel {
-  margin: 0 0 20px 0;
-}
-.mainWheel .wheelLeft {
-  height: 620px;
-}
-.mainWheel .wheelLeft .lunbo {
-  height: 270px;
-  margin: 0 0 40px 0;
-  overflow: hidden;
-}
-.mainWheel .wheelLeft .content {
-  height: 310px;
-  overflow: hidden;
-}
-.mainWheel .wheelRight {
+.mains .chengguo {
   float: right;
-  width: 830px;
-  height: 620px;
-}
-.mainWheel .wheelRight .danwei {
-  height: 315px;
-  margin: 0 0 20px 0;
-  overflow: hidden;
-  border: 1px solid #ccc;
-}
-.mainWheel .wheelRight .yizhanshi {
-  height: 285px;
-  border: 1px solid #ccc;
-}
-.mainLink {
-  margin: 0 0 20px 0;
-  height: 150px;
+  width: 880px;
+  height: 400px;
   border: 1px solid #ccc;
 }
 .down {
   height: 100px;
-  background-color: #333;
+  border: 1px solid #ccc;
 }
 </style>