update

src/views/user-center/share-invite/index.vue

 <template>
  <div class="share-invitation-con">
-    <m-nav-bar title="分享邀请" />
+    <!-- <m-nav-bar title="分享邀请" /> -->
+    <div class="goback" @click="goBack">
+      <m-icon icon="icon-back-light" :size="20" />
+    </div>
     <div class="share-invitation-content flex-default">
       <div class="content-con">
         <div class="content-top">
@@ -71,59 +74,70 @@ export default {
 
 <style lang="less">
 .share-invitation-con {
-  overflow: auto;
-  padding-top: 40px;
-  .m-nav-bar{
-    position: fixed;
-    width: 100%;
-    top: 0;
-  }
-  .share-invitation-content{
    width: 375px;
-    height: 812px;
+  height: 100vh;
   background-image: url(~@/assets/img/share-bg.png);
   background-size: 100% 100%;
+  .goback{
+    position: absolute;
+    top: 15px;
+    left: 13px;
+  }
+  .share-invitation-content{
+    height: 100vh;
     .content-con{
       width: 100%;
-      padding-top: 433px;
+      position: relative;
       height: 100%;
       .content-top{
         display: flex;
         flex-direction: column;
         justify-items: center;
+        position: absolute;
+        bottom: 25.63718140929535vh;
+        left: 0;
+        width: 100%;
+        margin-bottom: 3.373313343328336vh;
         .title{
-          height: 28px;
-          font-size: 20px;
+          height: 24px;
+          font-size: 17px;
           font-family: PingFangSC-Regular, PingFang SC;
           font-weight: 400;
           color: #FFFFFF;
           text-align: center;
-          height: 28px;
+          height: 24px;
         }
         .code{
           color: #DCCDA5;
           text-align: center;
-          font-size: 40px;
-          line-height: 56px;
+          font-size: 30px;
+          line-height: 42px;
           font-family: PingFangSC-Semibold, PingFang SC;
           font-weight: 600;
-          height: 56px;
+          height: 42px;
+          margin-top: 0.8995502248875562vh;
         }
         .btn{
           text-align: center;
           height: 35px;
+          margin-top:2.098950524737631vw;
           .copy{
             width: 90px;
             height: 35px;
             background: #B39568;
             color: #FFFFFF;
             font-size: 17px;
-            margin:20px;
           }
         }
       }
       .content-footer{
-        margin-top: 70px;
+        height: 25.63718140929535vh;
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        width: 100%;
+        .qrcode{
+          padding-top: 3.973013493253373vh;
           .img_box{
             width: 120px;
             height: 120px;
@@ -138,5 +152,6 @@ export default {
         }
       }
     }
+  }
 }
 </style>