feat:修改支付成功页面样式

src/views/pay/payResult.vue

 <template>
-  <div>
+  <div class="pay-result">
     <div v-if="isSuccess" class="card">
       <div class="info">
         <cr-image
@@ -18,11 +18,21 @@
         拼团成功即可退款0元拿，拼团失败立即退款
       </p>
       <div class="actions">
-        <cr-button shape="circle" type="default" @click="goPage(1)">我的拼团</cr-button>
-        <cr-button shape="circle" class="actions__back" :plain="true" type="primary" @click="share"
+        <cr-button shape="circle" class="actions__share" type="primary" @click="share"
           >邀请好友</cr-button
         >
       </div>
+      <div class="actions">
+        <cr-button shape="circle" type="default" @click="goGroupList">返回活动列表</cr-button>
+        <cr-button
+          shape="circle"
+          class="actions__back"
+          :plain="true"
+          type="primary"
+          @click="goPage(1)"
+          >查看我的拼团</cr-button
+        >
+      </div>
     </div>
     <div v-else class="card">
       <div class="info">
@@ -135,6 +145,10 @@ export default {
       this.shareInfo = res;
       firstGroupShare(res, 3);
     },
+    goGroupList() {
+      const { activityId } = this.shareInfo;
+      this.$router.push(`/groupBuy/list?activityId=${activityId}`);
+    },
     goPage(type) {
       if (type == 1) {
         this.$router.replace({ path: '/orderList/0' });
@@ -170,25 +184,31 @@ export default {
 };
 </script>
 <style lang="less" scoped>
+.pay-result {
+  height: 100%;
+}
 .card {
-  margin: @padding-sm;
+  // margin: @padding-sm;
+  height: 100%;
   background-color: @white;
-  border-radius: @border-radius-sm;
+  // border-radius: @border-radius-sm;
   padding: 28px @padding-sm @padding-sm @padding-sm;
-
+  box-sizing: border-box;
   .info {
     display: flex;
+    flex-direction: column;
     justify-content: center;
     align-items: center;
 
     &__image {
       width: 100px;
       height: 100px;
+      margin: @padding-xl 0;
     }
 
     &__text {
       .text-16;
-      margin-left: @padding-md;
+      // margin-left: @padding-md;
     }
 
     &__desc {
@@ -200,6 +220,7 @@ export default {
       margin-top: @padding-xs;
     }
     &__free {
+      text-align: center;
       .text-13;
       margin-top: @padding-xs;
       color: @font-color-light;
@@ -209,7 +230,7 @@ export default {
   .tips {
     .text-12;
     text-align: center;
-    margin-top: @padding-lg;
+    margin-top: @padding-xs;
     color: @font-color-light;
   }
 
@@ -231,7 +252,10 @@ export default {
     button {
       // flex: 1;
       .text-16;
-      width: 161px;
+      width: 170px;
+    }
+    &__share {
+      width: 100% !important;
     }
   }
   .info_button {