调整被禁和弹窗

src/components/EDialog.vue

@@ -48,6 +48,8 @@
 <style scoped lang="scss">
   .dialog-wrap {
     position: fixed;
+    left: 0;
+    top: 0;
     width: 100%;
     height: 100%;
     overflow: hidden;

src/views/thinkiumBridge/pcIndex.vue

@@ -28,8 +28,10 @@ import thinkiumBridge from './thinkiumBridge.vue'
      display: flex;
      justify-content: center;
      align-items: center;
+     background: rgba(0,0,0,0.4);
      .container {
        width: 7.5rem;
+       margin:  0 auto;
      }
      
   }

src/views/thinkiumBridge/thinkiumBridge.vue

@@ -4,7 +4,7 @@
             <img src="@/assets/images/bg.png" alt="">
         </div>
         <div class="cannect-wallet" v-if="walletConnected">{{$hideMoreText(currentWalletAddress, 7, 0)}}</div>
-        <div class="cannect-wallet" v-else @click="toCannectWallet">{{$t('connectWallet')}}</div>
+        <div class="cannect-wallet pointer" v-else @click="toCannectWallet">{{$t('connectWallet')}}</div>
         <div class="redemption-wrap">
             <div class="redemption-window hold">
                 <div class="redemption-tit">
@@ -12,14 +12,14 @@
                     <div class="redemption-over">{{$t('balance')}}：{{$toRegularNumber(balance)}}</div>
                 </div>
                 <div class="redemption-money">
-                    <div class="token-name" @click="changeToken('holdItem', holdItem.chainName)">
+                    <div class="token-name pointer" @click="changeToken('holdItem', holdItem.chainName)">
                         <img :src="holdItem.coinData.url || require(`@/assets/images/logo.png`)" alt="">
                         <span>{{holdItem.coinData.name}}</span>
                     </div>
                     <input type="text" :placeholder="$t('placeholder1')" v-positiveInt class="number-input">
                 </div>
             </div>
-            <div class="change-img">
+            <div class="change-img pointer">
                 <img src="@/assets/images/exchange.png" alt="">
                 <div @click="exchange"></div>
             </div>
@@ -29,16 +29,16 @@
                     <div class="redemption-over">{{$t('expectedGet')}}</div>
                 </div>
                 <div class="redemption-money">
-                    <div class="token-name" @click="changeToken('exchangeItem', exchangeItem.chainName)">
+                    <div class="token-name pointer" @click="changeToken('exchangeItem', exchangeItem.chainName)">
                         <img :src="exchangeItem.coinData.url || require(`@/assets/images/logo.png`)" alt="">
                         <span>{{exchangeItem.coinData.name}}</span>
                     </div>
                     <div class="number">{{obtain}}</div>
                 </div>
             </div>
-            <div class="handling-fee">{{$t('handlingFee')}}<span>3%</span></div>
+            <div class="handling-fee">{{$t('handlingFee')}}<span>0.3%</span></div>
         </div>
-        <div class="convert-btn" @click="transfer">{{$t('transfer')}}</div>
+        <div class="convert-btn pointer" @click="transfer">{{$t('transfer')}}</div>
         <EDialog :title="$t('chooseToken')" :visible="dialogVisible" @close="dialogVisible = false" v-if="dialogVisible">
             <ul class="select-list">
                 <li class="select-item" v-for="(item, index) in tokenList" :key="index" @click="changeSelect(index,item)" :class="selectIndex === index ? 'active' : ''">
@@ -398,6 +398,7 @@ export default {
     overflow-y: auto;
     display: flex;
     flex-direction: column;
+    background: #FFF;
     .banner-top {
         height: 3.0rem;
         img {