头像背景 支付成功返回按钮

src/views/OrderPaySuccess.vue

@@ -2,6 +2,7 @@
   <div class="paymentSuccess">
     <Header />
     <div class="main">{{ $t("Key657") }}</div>
+    <a class="goBack" @click="goBack">{{$t("Key94")}}</a>
   </div>
 </template>
 
@@ -24,11 +25,15 @@ export default {
   //监控data中数据变化
   watch: {},
   //方法集合
-  methods: {},
+  methods: {
+    goBack(){
+        window.history.go(-1)
+    }
+  },
   //生命周期 - 创建完成（可以访问当前this实例）
   async created() {
     await updateWordPack({
-      word_key_list: ["Key657"],
+      word_key_list: ["Key657", "Key94"],
     });
   },
   //生命周期 - 挂载完成（可以访问DOM元素）
@@ -55,10 +60,22 @@ export default {
   height: 100%;
   .main {
     font-size: 50px;
-    height: 100%;
+    height: 70%;
     display: flex;
     justify-content: center;
     align-items: center;
   }
+  .goBack{
+    width: 100px;
+    height: 48px;
+    background: #f90;
+    border-radius: 4px;
+    color: #fff;
+    line-height: 48px;
+    text-align: center;
+    cursor: pointer;
+    display: block;
+    margin: 0 auto;
+  }
 }
 </style>

src/views/Personalcenter.vue

@@ -578,7 +578,7 @@ export default {
           "Key750",
           "Key751",
           "Key752",
-          "Key784"
+          "Key784",
         ],
       });
       this.isData = true;
@@ -752,7 +752,7 @@ export default {
             position: absolute;
             width: 100%;
             height: 100%;
-            background: rgba(0, 0, 0, 0.25);
+            background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%);
             padding-top: 46px;
           }
           .photo {