页面更新

src/components/index.vue

@@ -45,7 +45,7 @@
       </el-col>
       <el-col :span="24" class="foot">
         <div class="w_1200">
-          <foot></foot>
+          <foot :info="info"></foot>
         </div>
       </el-col>
     </el-row>

src/layout/index/foot.vue

@@ -2,7 +2,15 @@
   <div id="foot">
     <el-row>
       <el-col :span="24" class="foot">
-        底部
+        <div class="div">
+          <p>{{ info.banquan }}</p>
+          <p>{{ info.jishu }}</p>
+          <p>{{ info.youbian }}</p>
+          <p>{{ info.chuanzhen }}</p>
+          <p>{{ info.address }}</p>
+          <p>{{ info.phone }}</p>
+          <p>{{ info.email }}</p>
+        </div>
       </el-col>
     </el-row>
   </div>
@@ -11,7 +19,9 @@
 <script>
 export default {
   name: 'foot',
-  props: {},
+  props: {
+    info: null,
+  },
   components: {},
   data: () => ({}),
   created() {},
@@ -21,8 +31,28 @@ export default {
 </script>
 
 <style lang="less" scoped>
+p {
+  padding: 0;
+  margin: 0;
+}
 .foot {
-  height: 140px;
+  width: 100%;
+  height: 120px;
   background-color: rgba(0, 0, 0, 0.4);
+  overflow: hidden;
+}
+.foot .div {
+  width: 650px;
+  margin: 20px auto;
+}
+.foot p {
+  float: left;
+  color: #858f9b;
+  font-size: 14px;
+  margin-right: 24px;
+  line-height: 24px;
+}
+.foot p:first-child {
+  float: none;
 }
 </style>

src/views/index.vue

@@ -24,6 +24,13 @@ export default {
   data: () => ({
     info: {
       logo: require('@/assets/logo.png'),
+      banquan: '版权所有：吉林省计算中心',
+      jishu: '技术支持：长春市福瑞科技有限公司',
+      youbian: '邮编：130000',
+      chuanzhen: '传真：239823982',
+      address: '地址：吉林省长春市朝阳区前进大街1244号',
+      phone: '电话：0431-1234567',
+      email: '邮箱：123456@163.com',
     },
     map: require('@/assets/map.jpg'),
     zixunList: [