提现页面ui优化

src/entry/popup.js

@@ -7,7 +7,7 @@ const app = createApp(App)
 import router from '@/router/popup.js'
 import "ant-design-vue/dist/antd.css"; // or 'ant-design-vue/dist/antd.less'
 
-import {Button,message} from "ant-design-vue";
+import {Button,message,Tooltip} from "ant-design-vue";
 
 
 message.config({
@@ -17,6 +17,7 @@ message.config({
 });
 app.use(Button);
 app.use(message)
+app.use(Tooltip)
 
 
 app.use(router)

src/view/popup/withdraw/info.vue

@@ -59,7 +59,7 @@
       <div class="left">
         <div class="txt">Receive Amount</div>
         <div class="money">{{ state.amount || 0 }} {{ state.currency_code }}</div>
-        <div class="txt"> Network Fee: {{ state.fee_amount }} {{ withdraw_info.token_symbol }} </div>
+        <div class="txt"> Network Fee: <a-tooltip :title="state.fee_amount">{{ numToFixed(state.fee_amount) }}</a-tooltip> {{ withdraw_info.token_symbol }} </div>
       </div>
       <div class="right">
         <div class="btn" @click="clickBtn" :class="{ enter: state.is_enter_state }">Confirm</div>
@@ -203,6 +203,14 @@ const clickWithdrawalAll = () => {
   state.input_amount = state.balance
   inputText()
 }
+
+const numToFixed = (str) => {
+  if (String(str).indexOf('.') >= 0) {
+    return Number(str).toFixed(4);
+  } else {
+    return str
+  }
+}
 </script>
 
 
@@ -298,6 +306,9 @@ const clickWithdrawalAll = () => {
           padding: 0 16px;
           font-weight: 500;
           font-size: 15px;
+          &::placeholder {
+            color: #B8B8B8;
+          }
         }
 
         input::-webkit-outer-spin-button,
@@ -328,6 +339,7 @@ const clickWithdrawalAll = () => {
 
     .tips {
       margin-top: 12px;
+      margin-bottom: 12px;
       font-size: 13px;
       height: 118;
       overflow: auto;