个人成绩单静态页面

assets/style/awards-list/personal-grade.less

 
 .personal-grade-wrap {
   width: 100%;
-  min-height: 907px;
+  /*min-height: 907px;*/
   background: url("../../img/stage3/personal-grade.png") no-repeat;
   background-size: cover;
   position: relative;
@@ -167,4 +167,23 @@
       margin: 0 67.5px;
     }
   }
+  .share-btn {
+    width: 312px;
+    height: 49px;
+    background: linear-gradient(360deg,rgba(255,134,32,1) 0%,rgba(255,248,111,1) 100%);
+    border-radius: 32.5px;
+    color: #B42F00;
+    font-size: 21.5px;
+    font-weight: 700;
+    text-align: center;
+    line-height: 49px;
+    margin: 35px auto 23px auto;
+  }
+  .footer-text {
+    color: #FFF36C;
+    font-size: 15px;
+    font-weight: 700;
+    text-align: center;
+    margin-bottom: 41px;
+  }
 }
\ No newline at end of file

package-lock.json

@@ -7226,7 +7226,8 @@
             "ansi-regex": {
               "version": "2.1.1",
               "bundled": true,
-              "dev": true
+              "dev": true,
+              "optional": true
             },
             "aproba": {
               "version": "1.2.0",
@@ -7641,7 +7642,8 @@
             "safe-buffer": {
               "version": "5.1.2",
               "bundled": true,
-              "dev": true
+              "dev": true,
+              "optional": true
             },
             "safer-buffer": {
               "version": "2.1.2",
@@ -7697,6 +7699,7 @@
               "version": "3.0.1",
               "bundled": true,
               "dev": true,
+              "optional": true,
               "requires": {
                 "ansi-regex": "^2.0.0"
               }
@@ -7740,12 +7743,14 @@
             "wrappy": {
               "version": "1.0.2",
               "bundled": true,
-              "dev": true
+              "dev": true,
+              "optional": true
             },
             "yallist": {
               "version": "3.0.3",
               "bundled": true,
-              "dev": true
+              "dev": true,
+              "optional": true
             }
           }
         },
@@ -14880,7 +14885,8 @@
             },
             "ansi-regex": {
               "version": "2.1.1",
-              "bundled": true
+              "bundled": true,
+              "optional": true
             },
             "aproba": {
               "version": "1.2.0",
@@ -15290,6 +15296,7 @@
             "strip-ansi": {
               "version": "3.0.1",
               "bundled": true,
+              "optional": true,
               "requires": {
                 "ansi-regex": "^2.0.0"
               }
@@ -15328,7 +15335,8 @@
             },
             "wrappy": {
               "version": "1.0.2",
-              "bundled": true
+              "bundled": true,
+              "optional": true
             },
             "yallist": {
               "version": "3.0.3",

pages/awards-list/personal-grade.vue

@@ -63,6 +63,8 @@
         <p class="name">邀请好友</p>
       </div>
     </div>
+    <div class="share-btn">分享我的成绩</div>
+    <p class="footer-text">共同推进医防融合 齐心聚力机构发展</p>
   </section>
 </template>