个人注册页面

assets/scss/mobileCommon.scss

@@ -1,6 +1,6 @@
 .mobile{
   padding:0 15px;
-  height:100vh;
+  min-height:100vh;
   background: #eaeaea;
   color:#333;
 }

components/mobile/footerMobile.vue

@@ -0,0 +1,20 @@
+<template>
+<div class="footer">
+  <span>已有账户？</span>&nbsp;&nbsp;
+  <a href="/">立即登录</a>
+</div>
+</template>
+
+<script>
+  export default {
+    name: 'footerMobile'
+  }
+</script>
+
+<style scoped type="text/scss" lang="scss">
+.footer{
+  text-align: center;
+  line-height: 1.7rem;
+  color:#999;
+}
+</style>

components/mobile/headerMobile.vue

@@ -6,7 +6,7 @@
 
 <script>
   export default {
-    name: 'loginMobile'
+    name: 'headerMobile'
   }
 </script>
 

components/mobile/index.js

@@ -1,4 +1,5 @@
-import LoginMobile from './loginMobile'
 import HeaderMobile from './headerMobile'
+import FooterMobile from './footerMobile'
+import LoginMobile from './loginMobile'
 
-export { LoginMobile, HeaderMobile }
+export { HeaderMobile, FooterMobile, LoginMobile }

pages/mobile/registerPerson/index.vue

@@ -29,19 +29,18 @@
       <mt-button type="primary" size="large">完成注册</mt-button>
     </div>
   </div>
-  <div class="f-footer">
-    <p>已有账号? <a href="#">立即登录</a></p>
-  </div>
+  <footer-mobile/>
 </div>
 </template>
 
 <script>
-  import { HeaderMobile } from '~components/mobile'
+  import { HeaderMobile, FooterMobile } from '~components/mobile'
   export default {
     name: 'registerPerson',
     layout: 'mobile',
     components: {
-      HeaderMobile
+      HeaderMobile,
+      FooterMobile
     },
     data () {
       return {