底部

src/components/PageFooter.vue

 <template>
-	<div>
-    底部
+  <div class="footer">
+    <div class="footer_content">
+      <el-row>
+        <el-col :span="12">
+          <img style="width: 100px;height: 30px"
+               src="https://img2.baidu.com/it/u=3629687853,959678225&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500" alt="">
+          <span>让美家变得更简单</span>
+        </el-col>
+        <el-col :span="12">
+          <div>
+            <div>在线客服</div>
+            <div>
+              服务时间：周一至周六8:30-18:00
+            </div>
+          </div>
+        </el-col>
+      </el-row>
+    </div>
+    <div>
+      <p class="footer_bottom">
+        <span>CopyRight @中山市艾文凯迪网络科技公司 版权所有</span>
+        <span>粤ICP备14009360号</span>
+        <span>增值电信业务经营许可证：粤B2-20150578</span>
+        <span>友盟数据支持</span>
+      </p>
+    </div>
   </div>
 </template>
 
@@ -11,5 +35,27 @@
 </script>
 
 <style scoped>
-
+  .footer_bottom{
+    width: 1300px;
+    margin: 0 auto;
+    text-align: center;
+    font-size: 14px;
+    font-family: PingFang SC;
+    font-weight: 400;
+    color: #999999;
+  }
+  .footer {
+    width: 100%;
+    height: 88px;
+    background: linear-gradient(195deg, #25292C, #353B40);
+    box-shadow: 0px 3px 20px 0px rgba(6, 36, 14, 0.1);
+  }
+  .footer_content {
+    width: 1300px;
+    margin-top: 100px;
+    color: #ffffff;
+  }
+  .footer_bottom span{
+    margin-right: 15px;
+  }
 </style>

src/views/home/index.vue

 <template>
-  <div  style="height: 4000px">
+  <div>
     <div class="cbusAB">
-      <video class="hKbpCH" height="432" src="../../../static/top_video.mp4" autoplay="autoplay" loop muted
+      <video class="hKbpCH" height="600" src="../../../static/top_video.mp4" autoplay="autoplay" loop muted
              playsinline></video>
       <div class="home-img">
         <img src="../../../static/txt.png" alt="">
         <div class="home-text">一款超方便的软装销售软件</div>
+        <img class="home-img" style="top: 140%" src="../../../static/btn_on.png" alt="">
       </div>
     </div>
     <div class="main">

src/views/index.vue

@@ -2,7 +2,7 @@
 	<div>
     <TopNav/>
     <router-view></router-view>
-    <!--<PageFooter></PageFooter>-->
+    <PageFooter></PageFooter>
   </div>
 </template>