fix

src/components/mobile/main/ChipModal.vue

@@ -211,6 +211,7 @@ export default {
   width: 100%;
   background-color: rgba(20, 28, 34, 0.6);
    z-index: 2000;
+   transition: opacity 0.2s cubic-bezier(0.6, 0, 0.4, 1) 0s, transform 0.2s ease-in-out 0s;
   .content {
     position: relative;
     .close {

src/components/mobile/main/ChipSellTop.vue

@@ -29,7 +29,7 @@
       <div class="piece-right">
         <div class="userinfo">
           <div class="srabded">
-            <div>Srabded</div>
+            <div>Standard</div>
             <div>ERC721</div>
           </div>
           <div class="token-id">
@@ -40,7 +40,7 @@
           </div>
           <div class="amount" v-if="isBuy == true">
             <div>Amount</div>
-            <div>721</div>
+            <div>1</div>
           </div>
           <div class="priece" v-else>
             <div class="priece-btn">

src/components/mobile/main/HeroModal.vue

@@ -331,18 +331,15 @@ export default {
   },
   methods: {
     closeTip() {
-      // 分发自定义事件(事件名: closeTip)
       this.$emit("closeTip");
     },
     formatPriceShow(price, decimals, fixed = 2) {
       return formatPrice(price, decimals, fixed);
     },
     handHeroTab() {
-      // this.$emit("closeTip", false);
       this.isTabs = false;
     },
     handChipTab() {
-      // this.$emit("showTip", true);
       this.isTabs = true;
     },
     handChipDetils(i) {
@@ -396,6 +393,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+
 .wmassageMask {
   position: fixed;
   top: 0;
@@ -404,6 +402,7 @@ export default {
   width: 100%;
   background-color: rgba(20, 28, 34, 0.6);
   z-index: 2000;
+  transition: opacity 0.2s cubic-bezier(0.6, 0, 0.4, 1) 0s, transform 0.2s ease-in-out 0s;
   .content {
     position: relative;
     .close {

src/components/mobile/main/HeroSellTop.vue

@@ -23,7 +23,7 @@
       <div class="piece-right">
         <div class="userinfo">
           <div class="srabded">
-            <div>Srabded</div>
+            <div>Standard</div>
             <div>ERC721</div>
           </div>
           <div class="token-id">
@@ -34,7 +34,7 @@
           </div>
           <div class="amount">
             <div>Amount</div>
-            <div>721</div>
+            <div>1</div>
           </div>
         </div>
       </div>

src/components/mobile/main/MessageBox.vue

@@ -57,6 +57,7 @@ export default {
   width: 100%;
   background-color: rgba(20, 28, 34, 0.6);
   z-index: 2000;
+  transition: opacity 0.2s cubic-bezier(0.6, 0, 0.4, 1) 0s, transform 0.2s ease-in-out 0s;
   .content {
     position: relative;
     .close {

src/components/mobile/main/PieceModal.vue

@@ -183,6 +183,7 @@ export default {
   width: 100%;
   background-color: rgba(20, 28, 34, 0.6);
   z-index: 2000;
+  transition: opacity 0.2s cubic-bezier(0.6, 0, 0.4, 1) 0s, transform 0.2s ease-in-out 0s;
   .content {
     position: relative;
     .close {

src/components/mobile/main/PieceSellTop.vue

@@ -16,7 +16,7 @@
       <div class="piece-right">
         <div class="userinfo">
           <div class="srabded">
-            <div>Srabded</div>
+            <div>Standard</div>
             <div>ERC721</div>
           </div>
           <div class="token-id">

src/components/mobile/main/TheBuyDialog.vue

@@ -182,6 +182,7 @@ export default {
   width: 100%;
   background-color: rgba(20, 28, 34, 0.6);
   z-index: 2000;
+  transition: opacity 0.2s cubic-bezier(0.6, 0, 0.4, 1) 0s, transform 0.2s ease-in-out 0s;
   .content {
     position: relative;
     .close {

src/components/mobile/main/TheSellDialog.vue

@@ -320,6 +320,7 @@ $item-size: 22px;
   width: 100%;
   background-color: rgba(20, 28, 34, 0.6);
    z-index: 2000;
+   transition: opacity 0.2s cubic-bezier(0.6, 0, 0.4, 1) 0s, transform 0.2s ease-in-out 0s;
   .content {
     position: relative;
     .close {

src/components/mobile/main/WeaponModal.vue

@@ -352,6 +352,7 @@ export default {
   width: 100%;
   background-color: rgba(20, 28, 34, 0.6);
   z-index: 2000;
+  transition: opacity 0.2s cubic-bezier(0.6, 0, 0.4, 1) 0s, transform 0.2s ease-in-out 0s;
   .content {
     position: relative;
     .close {

src/components/mobile/main/WeaponSellTop.vue

@@ -31,12 +31,12 @@
             </div>
             <div class="token-amount">
               <div class="token-id">
-                <div>Srabded</div>
+                <div>Standard</div>
                 <div>ERC721</div>
               </div>
               <div class="amount">
                 <div>Amount</div>
-                <div>721</div>
+                <div>1</div>
               </div>
             </div>
           </div>