[edit][bug]

src/view/components/font-amount.vue

@@ -27,5 +27,8 @@ onMounted(() => {
 })
 
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
+span{
+    word-break: break-all;
+}
 </style>

src/view/red-packet.vue

@@ -189,7 +189,7 @@
         <div class="close-title" v-if="data.close_text">{{ data.close_text }}</div>
       </div>
       <div class="luck-list-title">
-        <div>{{ data.detail.receiveCount || 0 }}/{{ data.detail.totalCount || 0 }} People Get</div>
+        <div>{{ data.detail.receiveCount || 0 }}/{{ data.detail.totalCount || 0 }} Get</div>
         <div> {{ data.detail.receiveAmountValue }} / {{ data.detail.amountValue || '' }} {{
             data.detail.currencySymbol || ''
         }}</div>
@@ -695,6 +695,7 @@ function handleErrorCode(res) {
     // 重复操作过于频繁
     case '-106':
       message.error('Clicking too often, wait a moment and click again')
+      this.loading_show =false
       break
     // 红包不存在
     case '2001':
@@ -1004,6 +1005,9 @@ body {
       justify-content: space-between;
       color: #B0B0B0;
       border-bottom: 1px solid #D1D1D1;
+      div:last-child{
+        text-align: right;
+      }
     }
 
     .luck-list {
@@ -1073,6 +1077,7 @@ body {
           display: flex;
           height: 17px;
           align-items: center;
+          height: 100%;
 
           img {
             width: 14px;
@@ -1083,6 +1088,7 @@ body {
           .luck-money-txt {
             font-weight: 500;
             font-size: 14px;
+            word-break: break-all;
             /* identical to box height */
 
             text-align: right;
@@ -1296,6 +1302,7 @@ body {
       justify-content: space-between;
 
       .txt {
+        width: 90%;
         font-weight: 400;
         font-size: 12px;
         line-height: 14px;
@@ -1383,6 +1390,10 @@ body {
       width: 100%;
       position: absolute;
       top: 65px;
+      display: flex;
+      flex-wrap: wrap;
+      align-items: center;
+      justify-content: center;
 
       .txt {
         font-weight: 800;
@@ -1399,6 +1410,7 @@ body {
         display: flex;
         justify-content: center;
         align-items: center;
+        width:90%;
 
         img {
           width: 46px;
@@ -1488,7 +1500,7 @@ body {
       bottom: 28px;
       left: 50%;
       margin-left: -167.5px;
-      z-index: 2;
+      z-index: 4;
     }
 
     .open-gif {
@@ -1496,7 +1508,7 @@ body {
       height: 200px;
       text-align: center;
       position: absolute;
-      bottom: 100px;
+      bottom: 70px;
       left: 50%;
       margin-left: -100px;
       z-index: 3;