[edit] nft 主体

src/view/components/currency-list.vue

@@ -2,14 +2,23 @@
 <template>
     <div class="currency-list-wrapper">
         <div class="search-input-wrapper">
-            <input class="input" v-model="keywords" @input="onInput" placeholder="Search name" />
+            <input class="input" 
+                :style="{width: !showRefresh ? '100%' : '88%'}"
+                v-model="keywords" 
+                placeholder="Search name"
+                @input="onInput" />
+
             <img :src="require('../../assets/svg/icon-form-refresh.svg')" 
+                v-if="showRefresh"
                 class="icon"
                 :class="{ 'icon-refresh-rotate': refreshRotate }"
                 @click="refresh">
-            <img :src="require('../../assets/svg/icon-clear-search.svg')" class="icon-clear"
-            v-if="keywords"
-            @click="clearIpt" >
+
+            <img :src="require('../../assets/svg/icon-clear-search.svg')" 
+                class="icon-clear"
+                v-if="keywords"
+                :style="{right: !showRefresh ? '6%' : '16%'}"
+                @click="clearIpt" >
         </div>
         <div class="list-wrapper" ref="listWrapperDom" @scroll="listScroll">
             <div class="page-list" ref="listContentDom" v-if="!showSearch">
@@ -22,7 +31,7 @@
                             {{ item.type == 1 ? 'Cash' : 'Crypto' }}
                         </div>
                         <div class="item-detail" v-for="(data, idx) in item.data" :key="idx"
-                            @click="selectCurrency(data.currencies)">
+                            @click="selectCurrency(data)">
                             <div class="left">
                                 <img class="icon-currency" :src="data.currencies[0].iconPath" />
                                 <div class="currency-info">
@@ -53,7 +62,7 @@
             </div>
             <!-- 显示搜索结果列表 -->
             <div class="search-list" v-else>
-                <div class="item-detail" v-for="(data, idx) in searchList" :key="idx" @click="selectCurrency(data.currencies)">
+                <div class="item-detail" v-for="(data, idx) in searchList" :key="idx" @click="selectCurrency(data)">
                     <div class="left">
                         <img class="icon-currency" :src="data.currencies[0].iconPath" />
                         <div class="currency-info">
@@ -96,6 +105,10 @@ const props = defineProps({
     filterEmptyBalance: {
         type: Boolean,
         default: false
+    },
+    showRefresh: {
+        type: Boolean,
+        default: true
     }
 })
 let keywords = ref('');

src/view/components/popup-transactions.vue

@@ -160,7 +160,7 @@
 
 <script setup>
 /* eslint-disable */
-import { onMounted, ref, defineProps, defineEmits, onBeforeUnmount } from "vue";
+import { onMounted, ref, defineProps, defineEmits } from "vue";
 
 import redDot from "@/view/components/red-dot.vue";
 
@@ -212,13 +212,6 @@ const getTransactionsList = () => {
 
 onMounted(() => {
     chrome.runtime.connect({ name: "popup_transactions" });
-    readAllMsgByType({
-        params: {
-            msgType: 1
-        }
-    }).then(res => {
-        setMessageCount();
-    });
     setTimeout(() => {
         isReadMsg.value = false;
         readAllMsgByType({

src/view/iframe/publish/give-dialog.vue

@@ -776,13 +776,14 @@ const confirm = () => {
  * 货币列表-选中货币
  */
 const selectCurrency = (params) => {
-    tempCurrentCurrencyList.value = params;
+    let { currencies } = params;
+    tempCurrentCurrencyList.value = currencies;
     depositGuide.value = false;
-    if (params.length > 1) {
+    if (currencies.length > 1) {
         showCurrencyPop.value = false;
         showCurrencySelect.value = true;
     } else {
-        selectCurrencyAfter(params[0])
+        selectCurrencyAfter(currencies[0])
     }
 };
 

src/view/popup/components/head.vue

@@ -12,6 +12,10 @@
         <template v-else>
             <img :src="require('@/assets/svg/icon-back.svg')" alt="" class="back" @click="clickBack">
             <div class="title">{{ props.title }}</div>
+            <img :src="require('@/assets/svg/icon-back-head-list.svg')"
+                v-if="show_list" 
+                class="list" 
+                @click="clickList" />
             <img :src="require('@/assets/svg/icon-refresh.svg')" alt="" class="refresh" v-if="show_refresh"
                 @click="clickRefresh" :class="{ transform_rotate: state.rotate }">
             <img :src="require('@/assets/svg/icon-withdraw-help.svg')" alt="" class="help" v-if="props.show_help"
@@ -43,7 +47,8 @@ let props = defineProps({
     show_more: Boolean,
     show_help: Boolean,
     back_url: String,
-    user_info: Object
+    user_info: Object,
+    show_list: Boolean
 })
 
 let state = reactive({
@@ -81,6 +86,12 @@ function clickHelp() {
     window.open(`https://aboard-cattle-610.notion.site/How-to-withdraw-assets-from-DeNet-to-MetaMask-01c679bb9ff441429e31e8f7c1f67411`)
 }
 
+function clickList() {
+    router.push({
+        path: '/transactions'
+    })
+}
+
 </script>
 <style lang="scss" scoped>
 .border {
@@ -185,11 +196,16 @@ function clickHelp() {
         height: 24px;
     }
 
+    .list {
+        margin-right: 12px;
+    }
+
     .refresh {
-        margin-right: 20px;
+        
     }
 
     .help {
+        margin-left: 20px;
         margin-right: 12px;
     }
 

src/view/popup/components/tabbar.vue

@@ -13,7 +13,7 @@
 </template>
 
 <script setup>
-import { ref, onMounted, defineEmits } from "vue";
+import { ref, onMounted, defineEmits, nextTick } from "vue";
 
 import router from "@/router/popup.js";
 
@@ -57,7 +57,19 @@ const tabbarHandler  = (params, index)  => {
     emits("tabbarClick", params);
 }
 
+const setActiveTab = (path) => {
+    let list = tabbarData.value;
+    for(let i = 0; i < list.length; i++) {
+        if(path == list[i].path) {
+            currentTab.value.index = i;
+            break;
+        }
+    }
+}
+
 onMounted(() => {
+    let path = router.currentRoute.value.path;
+    setActiveTab(path);
 })
 
 </script>

src/view/popup/currency-detail.vue

@@ -1,49 +1,36 @@
 <template>
   <div class="currency-detail-page">
+    <v-head :title="currencyInfo.currencyName" 
+            :show_more="false"
+            :show_refresh="true"
+            :show_list="true"
+            @on-refresh="onRefresh" />
     <div class="top">
       <img
         class="icon-currency"
-        :src="routerParams.iconPath"
-      />
+        :src="currencyInfo.iconPath"/>
       <div class="amount">
-        {{routerParams.balance}} {{routerParams.currencyName}}
-        <div class="final">${{routerParams.usdEstimateBalance}}</div>
+        {{currencyInfo.totalBalance}} {{currencyInfo.currencyName}}
+        <div class="final">${{currencyInfo.totalUsdEstimateBalance}}</div>
       </div>
     </div>
     <div class="bottom">
-      <div class="btn deposit-btn"  @click="clickDeposit">Deposit</div>
+      <div class="btn deposit-btn"
+          v-if="currencyInfo.currencyCode != 'USD'"
+          @click="clickDeposit">Deposit</div>
       <div class="btn withdrawal-btn" @click="clickWithdraw">Withdrawal</div>
     </div>
 
-    <div class="popup" v-if="showPopup" @click="clickPopup">
-      <div class="content">
-        <div class="item" v-for="(item, index) in listData" :key="index">
-          <div class="chain">
-            <img
-              class="icon-chain"
-              src="https://d1mcov78iir8kk.cloudfront.net/image/currency_icon/BSC_USDT.png"
-            />
-            {{ item.chain }}
-          </div>
-          <div class="currency">
-            <div class="left">
-              <img
-                class="icon-currency"
-                src="https://d1mcov78iir8kk.cloudfront.net/image/currency_icon/BSC_USDT.png"
-              />
-              <div class="info">
-                <div class="unit">{{ item.currency }}</div>
-                TetherUS
-              </div>
-            </div>
-            <div class="right">
-              {{ item.amount }}
-              <div class="final">${{ item.amount }}</div>
-            </div>
-          </div>
+    <template v-if="showCurrencySelect">
+        <div class="selectDiv">
+            <currency-select 
+                ref="currencySelectDom"
+                :list="currenciesData"
+                @selectCurrency="selectCurrency">
+            </currency-select>
         </div>
-      </div>
-    </div>
+        <div class="selectBg" @click="showCurrencySelect = false"></div>
+    </template>
   </div>
 </template>
 
@@ -53,77 +40,114 @@ import router from "@/router/popup.js";
 import Report from "@/log-center/log";
 import { getStorage } from "@/uilts/help";
 
-let routerParams = ref({});
-
-let showPopup = ref(true);
-
-let listData = ref([
-  {
-    chain: "BNB Smart Chain (BEP20)",
-    currency: "USDT",
-    amount: "10",
-  },
-  {
-    chain: "BNB Smart Chain (BEP20)",
-    currency: "USDT",
-    amount: "10",
-  },
-]);
-
-const clickPopup = () => {
-  showPopup.value = false;
-};
+import VHead from '@/view/popup/components/head.vue'
+import currencySelect from "@/view/components/currency-select.vue";
+
+
+let currenciesData = ref([]);
+let currencyInfo = ref({});
+let showCurrencySelect = ref(false);
+
+let currencyOpertionType = '';
+
+
+
+const selectCurrency = (params) => {
+    showCurrencySelect.value = false;
+    if(currencyOpertionType == 'WITHDRAW') {
+      withdrawHandle(params);
+    } else if(currencyOpertionType == 'DEPOSIT') {
+      depositHandle(params);
+    }
+}
 
 let withdraw_info = inject('withdraw_info')
 // 点击提现
 const clickWithdraw = () => {
-    let _params = routerParams.value;
-
     Report.reportLog({
         pageSource: Report.pageSource.denetHomePage,
         businessType: Report.businessType.buttonClick,
         objectType: Report.objectType.withdrawButton
     });
 
-    if (_params.currencyCode == 'USD') {
-        withdraw_info.currency_code = _params.currencyCode
-        router.push('/withdraw/paypal')
-    } else {
-        withdraw_info.source = 'home'
-        withdraw_info.balance = _params.balance
-        withdraw_info.token_symbol = _params.tokenSymbol || ''
-        withdraw_info.currency_name = _params.currencyName || ''
-        withdraw_info.token_chain = _params.tokenChain || 'BNB Chain'
-        withdraw_info.currency_code = _params.currencyCode
-        withdraw_info.icon_token = _params.iconPath || ''
-        withdraw_info.icon_net = require('@/assets/svg/icon-BNB.svg')
-        router.push('/withdraw/info')
+    if(currenciesData.value.length > 1) {
+      showCurrencySelect.value = true;
+      currencyOpertionType = "WITHDRAW";
+    } else if(currenciesData.value.length == 1){
+      withdrawHandle(currenciesData.value[0]);
     }
 }
 
-let top_up_info = reactive(getStorage('top_up_info')) || inject('top_up_info') || {};
+const withdrawHandle = (_params) => {
+  withdraw_info.chainInfo = _params.chainInfo;
+  if (_params.currencyCode == 'USD') {
+      withdraw_info.currency_code = _params.currencyCode
+      router.push('/withdraw/paypal')
+  } else {
+      withdraw_info.source = 'home'
+      withdraw_info.balance = _params.balance
+      withdraw_info.token_symbol = _params.tokenSymbol || ''
+      withdraw_info.currency_name = _params.currencyName || ''
+      withdraw_info.token_chain = _params.tokenChain || 'BNB Chain'
+      withdraw_info.currency_code = _params.currencyCode
+      withdraw_info.icon_token = _params.iconPath || ''
+      withdraw_info.icon_net = require('@/assets/svg/icon-BNB.svg')
+      console.log(withdraw_info.chainInfo.iconPath)
+      router.push('/withdraw/info')
+  }
+}
+
+
+
+let top_up_info = inject('top_up_info');
 
 const clickDeposit = () => {
-    let _params = routerParams.value;
-
-    top_up_info.token = _params.currencyName || ''
-    top_up_info.token_chain = _params.tokenChain 
-    top_up_info.token_symbol = _params.tokenSymbol || ''
-    top_up_info.currency_code = _params.currencyCode
-    top_up_info.icon_token = _params.iconPath || ''
-    top_up_info.icon_net = require('@/assets/svg/icon-BNB.svg')
     Report.reportLog({
         pageSource: Report.pageSource.denetHomePage,
         businessType: Report.businessType.buttonClick,
         objectType: Report.objectType.topupButton
     });
-    router.push('/top-up/info');
+
+    if(currenciesData.value.length > 1) {
+      showCurrencySelect.value = true;
+      currencyOpertionType = "DEPOSIT";
+    } else if(currenciesData.value.length == 1){
+      depositHandle(currenciesData.value[0]);
+    }
 }
 
+const depositHandle = (_params) => {
+  top_up_info.token = _params.currencyName || ''
+  top_up_info.token_chain = _params.tokenChain 
+  top_up_info.token_symbol = _params.tokenSymbol || ''
+  top_up_info.currency_code = _params.currencyCode
+  top_up_info.icon_token = _params.iconPath || ''
+  top_up_info.icon_net = require('@/assets/svg/icon-BNB.svg')
+  top_up_info.chainInfo = {
+    ..._params.chainInfo
+  };
+  
+  router.push('/top-up/info');
+};
+
+const onRefresh = () => {
+
+};
+
 onMounted(() => {
     let {params = '{}'} = router.currentRoute.value.query;
-    routerParams.value =  JSON.parse(params);
-    console.log(routerParams.value)
+
+    let {currencies = [], totalBalance = 0, totalUsdEstimateBalance = 0} =  JSON.parse(params);
+
+    currenciesData.value = currencies;
+
+    if(currencies.length) {
+      currencyInfo.value = {
+        ...currencies[0],
+        totalBalance,
+        totalUsdEstimateBalance
+      };
+    }
 })
 </script>
 
@@ -135,7 +159,7 @@ onMounted(() => {
   position: relative;
 
   .top {
-    height: calc(100% - 163px);
+    height: calc(100% - 212px);
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -189,85 +213,27 @@ onMounted(() => {
     }
   }
 
-  .popup {
-    width: 100%;
-    height: 100%;
-    position: absolute;
-    left: 0;
-    top: 0;
-    background: rgba(0, 0, 0, 0.6);
-    cursor: pointer;
-
-    .content {
-      background: #f7f7f7;
-      border-radius: 20px 20px 0px 0px;
-      width: 100%;
-      height: 230px;
+
+  .selectDiv {
       position: absolute;
+      z-index: 1000;
+      width: 100%;
+      max-height: 480px;
+      padding-bottom: 30px;
+      left: 0;
       bottom: 0;
+      background-color: #fff;
+      border-radius: 20px 20px 0 0;
+      overflow-y: scroll;
+  }
+  .selectBg {
+      position: absolute;
+      z-index: 999;
+      top: 0;
       left: 0;
-      overflow-y: auto;
-      cursor: default;
-
-      .item {
-        .chain {
-          font-weight: 500;
-          font-size: 14px;
-          padding: 12px 14px;
-          box-sizing: border-box;
-          background: #f7f7f7;
-
-          .icon-chain {
-            width: 18px;
-            height: 18px;
-            margin-right: 8px;
-          }
-        }
-
-        .currency {
-          background: #fff;
-          padding: 12px 20px;
-          box-sizing: border-box;
-          display: flex;
-          justify-content: space-between;
-          cursor: pointer;
-
-          .left {
-            display: flex;
-
-            .icon-currency {
-              width: 24px;
-              height: 24px;
-              margin-right: 12px;
-              margin-top: 4px;
-            }
-
-            .info {
-              font-weight: 400;
-              font-size: 12px;
-              color: #a2a2a2;
-              .unit {
-                font-weight: 500;
-                font-size: 15px;
-                color: #000;
-                margin-bottom: 5px;
-              }
-            }
-          }
-
-          .right {
-            font-weight: 500;
-            font-size: 15px;
-            
-            .final {
-                font-weight: 400;
-                font-size: 12px;
-                color: #A2A2A2;
-            }
-          }
-        }
-      }
-    }
+      width: 100%;
+      height: 100%;
+      background: rgba($color: #000000, $alpha: 0.6);
   }
 }
 </style>

src/view/popup/index.vue

@@ -15,6 +15,14 @@ watch(withdraw_info, (newVal) => {
 
 provide('withdraw_info', withdraw_info)
 
+let top_up_info = reactive(getStorage("top_up_info") || {});
+
+watch(top_up_info, (newVal) => {
+  setStorage("top_up_info", newVal);
+});
+
+provide("top_up_info", top_up_info);
+
 let state = reactive({
   popup: true
 })

src/view/popup/tabbar-page/index.vue

@@ -17,7 +17,7 @@
 </template>
 
 <script setup>
-import { reactive, onMounted, ref, provide, watch } from "vue";
+import { onMounted, ref } from "vue";
 import { getChromeStorage } from "@/uilts/chromeExtension";
 import { setStorage, getStorage } from "@/uilts/help";
 import Report from "@/log-center/log";
@@ -32,14 +32,6 @@ let bgColor = ref('#1b92e2');
 let color =  ref('#fff');
 let boxShadow = ref('none');
 
-let top_up_info = reactive(getStorage("top_up_info") || {});
-
-watch(top_up_info, (newVal) => {
-  setStorage("top_up_info", newVal);
-});
-
-provide("top_up_info", top_up_info);
-
 const getUserInfo = (cb) => {
   getChromeStorage("userInfo", (res) => {
     if (res && res.accessToken) {

src/view/popup/tabbar-page/message/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="message-wrapper">
-    <div class="tab-bar">
+    <!-- <div class="tab-bar">
       <div
         class="tab-item"
         :class="{ active: currentTabIndex == index }"
@@ -10,7 +10,7 @@
       >
         {{ item.label }}
       </div>
-    </div>
+    </div> -->
     <div class="tab-content" ref="pageWrapperDom" @scroll="pageScroll">
       <div class="list-wrapper" ref="pageGiveListDom">
         <div class="give-list" v-if="currentTabIndex == 0">
@@ -202,6 +202,9 @@ import redDot from "@/view/components/red-dot.vue";
 import { getBit } from "@/uilts/help";
 import { getMineLuckdropRecords } from "@/http/account";
 import { terminatedLuckdrop } from "@/http/redPacket";
+import { readAllMsgByType, getAllMessageInfo } from "@/http/messageApi"
+import { setBadgeInfo, hideBadge } from "@/logic/background/twitter";
+
 var moment = require("moment");
 
 let currentTabIndex = ref(0);
@@ -233,6 +236,10 @@ let giveReqParams = {
   loadMore: false,
 };
 
+// 钱包未读数
+let unReadCountWallet = ref(0);
+let isReadMsg = ref(true);
+
 const clickTab = (params, index) => {
   currentTabIndex.value = index;
 };
@@ -244,6 +251,7 @@ const getLuckdropRecordsList = () => {
   getMineLuckdropRecords({
     params: giveReqParams.params,
   }).then((res) => {
+    chrome.runtime.connect({ name: "popup" });
     if (res.data && res.data.length) {
       if (giveReqParams.params.pageNum < 2) {
         giveList.value = res.data;
@@ -285,7 +293,6 @@ const pageScroll = (e) => {
   if (currentTabIndex.value != 0) {
     return;
   }
-  console.log("scrollTop", scrollTop, wrapperHeight, pageGiveListHeight);
   if (
     giveReqParams.loadMore === false &&
     wrapperHeight + scrollTop >= pageGiveListHeight - 60
@@ -357,8 +364,42 @@ const modalConfirm = () => {
   terminaTask = {};
 };
 
+const readAllMsg = ({msgType}, cb) => {
+    readAllMsgByType({
+        params: {
+            msgType
+        }
+    }).then(res => {
+        cb && cb();
+    })
+};
+
+const setMessageCount = () => {
+    getAllMessageInfo({params: {
+    }}).then(res => {
+        if(res.code == 0) {
+            let {unReadCountTotal = 0, unReadCountWalletDetail = 0, unReadCountTaskLuckdrop = 0} = res.data;
+            unReadCountWallet.value = unReadCountWalletDetail;
+            if(unReadCountTotal > 0) {
+                let text = unReadCountTotal > 99 ? '99+' : unReadCountTotal+'';
+                setBadgeInfo({data: {text}});
+            } else {
+                hideBadge();
+            }
+        }
+    });
+}
+
 onMounted(() => {
   getLuckdropRecordsList();
+
+  setMessageCount();
+  setTimeout(() => {
+      isReadMsg.value = false;
+      readAllMsg({msgType: 1}, () => {
+          setMessageCount();
+      });
+  }, 2000);
 });
 </script>
 
@@ -395,7 +436,7 @@ onMounted(() => {
   }
 
   .tab-content {
-    height: calc(100% - 52px);
+    height: 100%;
     overflow-y: auto;
     .list-wrapper {
       min-height: 202px;

src/view/popup/tabbar-page/wallter/popup.vue

@@ -19,16 +19,17 @@
 
                     <img :src="require('@/assets/svg/icon-home-refresh.svg')" 
                         class="icon"
-                        >
+                        @click="refreshList"  />
                 </div>
             </div>
-            <!-- <div class="area-btn">
-                <div class="withdraw-btn" @click="clickWithdraw">Withdraw</div>
-                <div class="top-up-btn" @click="clickTopUp">Deposit</div>
-            </div> -->
         </div>
 
-        <currency-list style="height: calc(100% - 118px);" @selectCurrency="selectCurrency" :page="'top-up'"></currency-list>
+        <currency-list 
+            style="height: calc(100% - 118px);"
+            ref="currencyListDom"
+            :showRefresh="false"
+            :page="'top-up'"
+            @selectCurrency="selectCurrency"></currency-list>
     </div>
 </template>
 
@@ -60,10 +61,7 @@ withdraw_info.balance = 0
 
 let isRequestWithdrawBalance = ref(false);
 
-
-// 钱包未读数
-let unReadCountWallet = ref(0);
-let isReadMsg = ref(true);
+let currencyListDom = ref('');
 
 let walletWithdrawConfig = ref({
     withdrawUSDPaypalFee: 0,
@@ -76,7 +74,6 @@ withdraw_info.paypal.wallet_withdraw_config = walletWithdrawConfig
 
 function selectCurrency(_params) {
     router.push({ 
-        // path: '/top-up/info'
         path: 'currencyDetail',
         query: {
             params: JSON.stringify(_params)
@@ -88,7 +85,6 @@ onMounted(() => {
     checkLoginState((res) => {
         if (res) {
             getAccountBalance();
-            chrome.runtime.connect({ name: "popup" });
             Report.reportLog({
                 pageSource: Report.pageSource.denetHomePage,
                 businessType: Report.businessType.pageView,
@@ -96,12 +92,6 @@ onMounted(() => {
                 type: window.location.href.indexOf('home.html') > -1 ? 'web' : 'extensions'
             });
             setMessageCount();
-            setTimeout(() => {
-                isReadMsg.value = false;
-                readAllMsg({msgType: 1}, () => {
-                    setMessageCount();
-                });
-            }, 2000);
         } else {
             Report.reportLog({
                 pageSource: Report.pageSource.denetLogin,
@@ -126,7 +116,6 @@ const setMessageCount = () => {
     }}).then(res => {
         if(res.code == 0) {
             let {unReadCountTotal = 0, unReadCountWalletDetail = 0, unReadCountTaskLuckdrop = 0} = res.data;
-            unReadCountWallet.value = unReadCountWalletDetail;
             if(unReadCountTotal > 0) {
                 let text = unReadCountTotal > 99 ? '99+' : unReadCountTotal+'';
                 setBadgeInfo({data: {text}});
@@ -175,7 +164,6 @@ const checkLoginState = (cb) => {
 };
 
 const showTransactions = () => {
-    readAllMsg({msgType: 1});
     router.push('/transactions')
 };
 
@@ -198,6 +186,12 @@ const clickTopUp = () => {
     router.push('/top-up/home');
 }
 
+const refreshList = () => {
+    if(currencyListDom.value) {
+        currencyListDom.value.getCurrencyInfoList && currencyListDom.value.getCurrencyInfoList();
+    }
+}
+
 </script>
 
 <style lang="scss" scoped>
@@ -306,41 +300,6 @@ body {
             }
         }
 
-        .area-btn {
-            display: flex;
-            justify-content: space-between;
-            font-weight: 600;
-            font-size: 15px;
-
-            .top-up-btn {
-                cursor: pointer;
-                border: 1px solid #1D9BF0;
-                color: #fff;
-                background: #1D9BF0;
-                border-radius: 100px;
-                width: 165px;
-                height: 38px;
-                text-align: center;
-                margin-left: 8px;
-                line-height: 36px;
-            }
-
-            .withdraw-btn {
-                background: rgba(56, 154, 255, 0.01);
-                border: 1px solid #1D9BF0;
-                box-sizing: border-box;
-                width: 165px;
-                font-size: 15px;
-                height: 38px;
-                text-align: center;
-                line-height: 36px;
-                border-radius: 100px;
-                color: #1D9BF0;
-                display: inline-block;
-                cursor: pointer;
-            }
-        }
-
         .msg {
             margin-top: 10px;
             font-size: 13px;

src/view/popup/top-up/home.vue

@@ -30,11 +30,12 @@ let showCurrencySelect = ref(false)
 let tempCurrentCurrencyList = ref([])
 
 function selectCurrency(params) {
-    tempCurrentCurrencyList.value = params;
-    if (params.length > 1) {
+    let { currencies } = params;
+    tempCurrentCurrencyList.value = currencies;
+    if (currencies.length > 1) {
         showCurrencySelect.value = true;
     } else {
-        selectCurrencyAfter(params[0])
+        selectCurrencyAfter(currencies[0])
     }
 }
 function selectCurrencyAfter(_params) {

src/view/popup/withdraw/home.vue

@@ -30,11 +30,12 @@ let showCurrencySelect = ref(false)
 let tempCurrentCurrencyList = ref([])
 
 function selectCurrency(params) {
-    tempCurrentCurrencyList.value = params;
-    if (params.length > 1) {
+    let { currencies } = params;
+    tempCurrentCurrencyList.value = currencies;
+    if (currencies.length > 1) {
         showCurrencySelect.value = true;
     } else {
-        selectCurrencyAfter(params[0])
+        selectCurrencyAfter(currencies[0])
     }
 }