fix ui error

src/components/avatorGroup.vue

@@ -25,6 +25,7 @@
             src="@/assets/images/leader-name.png"
           />
         </div>
+        <div class="border" />
       </template>
       <div v-if="item.userTag && item.userTag.toLowerCase() == 'new'" class="is-new">
         <cr-image width="25px" src="@/assets/images/new-user.png" />
@@ -49,6 +50,7 @@
             src="@/assets/images/leader-name.png"
           />
         </div>
+        <div class="border" />
       </template>
       <div class="content" :class="{ avator: avators.length == 0 && n == 1 }">?</div>
     </div>
@@ -164,28 +166,44 @@ export default {
       border-radius: 50%;
     }
   }
-  .avator {
+  .border {
+    position: absolute;
+    top: 0;
+    left: 50%;
+    transform: translateX(-50%);
     background: url('../assets/images/leaderBorder.png');
+    background-size: cover;
+    z-index: 2;
+    width: 44px;
+    height: 100%;
+  }
+  .avator {
+    // background: url('../assets/images/leaderBorder.png');
     // border: px solid rgba(255, 212, 0, 0.24);
+    width: 44px;
+    height: 44px;
+    position: relative;
     background-size: cover;
     box-sizing: border-box;
     display: flex;
     align-items: center;
     justify-content: center;
     /deep/ img {
-      width: 37px;
-      height: 37px;
+      width: 44px;
+      height: 44px;
     }
   }
   .is-new {
     position: absolute;
     top: 0;
+    z-index: 3;
     right: -@padding-unit;
   }
   .is-leader {
     position: absolute;
     right: 4px;
     top: -9px;
+    z-index: 3;
     .crown {
       width: 22px;
       height: 20px;
@@ -197,6 +215,7 @@ export default {
     position: absolute;
     left: 50%;
     bottom: -6px;
+    z-index: 3;
     transform: translateX(-50%);
     &-icon {
       width: 100%;
@@ -226,7 +245,19 @@ export default {
   }
   .placeholder.leader {
     position: relative;
+    .border {
+      position: absolute;
+      top: 0;
+      left: 50%;
+      transform: translateX(-50%);
+      background: url('../assets/images/leaderBorder.png');
+      background-size: cover;
+      z-index: 2;
+      width: 44px;
+      height: 100%;
+    }
     .is-new {
+      z-index: 3;
       position: absolute;
       top: 0;
       right: -@padding-unit + 2;
@@ -235,12 +266,14 @@ export default {
       position: absolute;
       right: 4px;
       top: -9px;
+      z-index: 3;
       .crown {
         width: 22px;
         height: 20px;
       }
     }
     .leader-name {
+      z-index: 3;
       width: 35px;
       height: 17px;
       position: absolute;
@@ -257,7 +290,7 @@ export default {
       }
     }
     .avator {
-      background: #ffe1e1 url('../assets/images/leaderBorder.png');
+      // background: #ffe1e1 url('../assets/images/leaderBorder.png');
       // border: px solid rgba(255, 212, 0, 0.24);
       background-size: cover;
       box-sizing: border-box;
@@ -266,8 +299,8 @@ export default {
       justify-content: center;
       border: 0;
       /deep/ img {
-        width: 37px;
-        height: 37px;
+        width: 44px;
+        height: 44px;
       }
     }
   }

src/views/pay/payWaiting.vue

@@ -17,17 +17,7 @@
       努力返回支付结果中，请留心查看！
     </p>
     <div :class="['actions', !isOrder && 'no-order']">
-      <cr-button
-        class="actions__back"
-        :plain="true"
-        type="primary"
-        shape="circle"
-        @click="goHome('正在支付')"
-        >{{ returnUrl ? '返回秒杀' : '返回首页' }}</cr-button
-      >
-      <cr-button v-if="isOrder" shape="circle" type="primary" @click="goOrderDetail('正在支付')"
-        >查看订单</cr-button
-      >
+      <cr-button type="primary" class="btn-primary" @click="navigateBack">返回</cr-button>
     </div>
   </div>
 </template>
@@ -78,6 +68,9 @@ export default {
     clearInterval(this.timer);
   },
   methods: {
+    navigateBack() {
+      this.$router.go(-1);
+    },
     getQuery() {
       this.returnUrl = cookies.get('returnUrl') || '';
       if (localStorage.get('hideOrder')) {