科技数据更新

src/components/shuju/shuju.vue

@@ -16,15 +16,19 @@
       </el-col>
       <el-col :span="24" class="main">
         <div class="w_1200">
-          <el-col :span="12" class="liftcont">
-            <el-col :span="5" class="fenlei">aaaaa</el-col>
-            <el-col :span="19" class="between">sssssss</el-col>
+          <el-col :span="16" class="leftcont">
+            <el-col :span="5" class="fenlei">分类</el-col>
+            <el-col :span="19" class="between">数据展示</el-col>
+            <el-col :span="24" class="gonggao">通知公告</el-col>
           </el-col>
-          <el-col :span="12" class="rightcont">
-            dasda
+          <el-col class="rightCont">
+            <el-col :span="24" class="tongzhi">
+              通知公告
+            </el-col>
+            <el-col :span="24" class="shangbao">
+              上报通知
+            </el-col>
           </el-col>
-
-          <el-col :span="12" class="gonggao">32323</el-col><el-col :span="12" class="shangbao">sssssszz</el-col>
         </div>
       </el-col>
       <el-col :span="24" class="foot">
@@ -53,7 +57,7 @@ export default {
     menuInfo, //导航
     foot, //底部
   },
-  shuju: () => ({}),
+  data: () => ({}),
   created() {},
   computed: {},
   methods: {},
@@ -80,53 +84,53 @@ export default {
 }
 
 .main {
-  height: 730px;
+  height: 700px;
   overflow: hidden;
   margin: 10px 0;
 }
-.liftcont {
-  width: 800px;
-  height: 420px;
+.leftcont {
+  height: 700px;
   overflow: hidden;
-
   margin: 0 10px 0 0;
 }
-
-.rightcont {
+.leftcont .rightcont {
   width: 390px;
   height: 350px;
   overflow: hidden;
   background: #fff;
 }
-.fenlei {
-  float: left;
+.leftcont .fenlei {
   width: 240px;
   height: 420px;
-  margin: 0 10px 0 0;
+  margin: 0 10px 10px 0;
   background-color: #fff;
 }
-
-.between {
-  float: left;
+.leftcont .between {
   width: 550px;
   background-color: #fff;
   height: 420px;
 }
-.gonggao {
+.leftcont .gonggao {
   width: 800px;
   height: 270px;
   background-color: #fff;
-
-  margin: 10px 10px 0 0;
 }
-.shangbao {
-  background-color: #fff;
+.rightCont {
   width: 390px;
-  height: 340px;
-  margin: 10px 0 0 0;
-  float: left;
+  height: 700px;
+  overflow: hidden;
+}
+.rightCont .tongzhi {
+  height: 350px;
+  overflow: hidden;
+  background-color: #fff;
+  margin: 0 0 10px 0;
+}
+.rightCont .shangbao {
+  height: 350px;
+  overflow: hidden;
+  background-color: #fff;
 }
-
 .foot {
   float: left;
   width: 100%;

src/router/index.js

@@ -69,7 +69,6 @@ const routes = [
     name: 'government',
     component: () => import('../views/government/government.vue'),
   },
-  //科技政策
   //科技人才
   {
     path: '/personnel/personnel',

src/views/shuju/shuju.vue

@@ -12,7 +12,7 @@ export default {
   components: {
     shujuDetail,
   },
-  shuju: () => ({
+  data: () => ({
     info: {
       logo: require('@/assets/logo.png'),
       banquan: '版权所有：吉林省计算中心',