|
|
@@ -1,34 +1,27 @@
|
|
|
<template>
|
|
|
<div class="currency-detail-page">
|
|
|
- <v-head :title="currencyInfo.tokenSymbol"
|
|
|
- :show_more="false"
|
|
|
- :show_refresh="true"
|
|
|
- :show_list="true"
|
|
|
- :transactionsRouterParams="{
|
|
|
- backUrl: 'back'
|
|
|
- }"
|
|
|
- back_url="/"
|
|
|
- @on-refresh="onRefresh" />
|
|
|
+ <v-head :title="currencyInfo.tokenSymbol" :show_more="false" :show_refresh="true" :show_list="true"
|
|
|
+ :transactionsRouterParams="{
|
|
|
+ backUrl: 'back'
|
|
|
+ }" back_url="/" @on-refresh="onRefresh" />
|
|
|
<div class="top">
|
|
|
- <img
|
|
|
- class="icon-currency"
|
|
|
- :src="currencyInfo.iconPath"/>
|
|
|
+ <img class="icon-currency" :src="currencyInfo.iconPath" />
|
|
|
<div class="amount">
|
|
|
<div class="balance"
|
|
|
- :class="{'direction-column': (currencyInfo.totalBalance.length + currencyInfo.tokenSymbol.length) > 15}">
|
|
|
+ :class="{ 'direction-column': (currencyInfo.totalBalance.length + currencyInfo.tokenSymbol.length) > 15 }">
|
|
|
<a-tooltip :title="currencyInfo.totalBalance">
|
|
|
- {{ getBit(currencyInfo.totalBalance) }}
|
|
|
- </a-tooltip>
|
|
|
+ {{ getBit(currencyInfo.totalBalance) }}
|
|
|
+ </a-tooltip>
|
|
|
<template v-if="currencyInfo.totalBalance.length + currencyInfo.tokenSymbol.length < 16">
|
|
|
|
|
|
</template>
|
|
|
<span class="symbol">
|
|
|
- {{currencyInfo.tokenSymbol}}
|
|
|
+ {{ currencyInfo.tokenSymbol }}
|
|
|
</span>
|
|
|
</div>
|
|
|
<div class="final">
|
|
|
- <a-tooltip :title="'$'+currencyInfo.totalUsdEstimateBalance">
|
|
|
- ${{ getBit(currencyInfo.totalUsdEstimateBalance) }}
|
|
|
+ <a-tooltip :title="'$' + currencyInfo.totalUsdEstimateBalance">
|
|
|
+ ${{ getBit(currencyInfo.totalUsdEstimateBalance) }}
|
|
|
</a-tooltip>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -36,7 +29,7 @@
|
|
|
<div class="bottom">
|
|
|
<template v-if="showSendBtn">
|
|
|
<div class="btn send-btn" v-if="enableRecharge == 1" @click="showSendGiveawayDialog(currencyInfo)">
|
|
|
- <img :src="require('@/assets/svg/icon-send-giveaway.svg')" />
|
|
|
+ <img :src="require('@/assets/svg/icon-send-giveaway.svg')" />
|
|
|
Send Giveaway
|
|
|
</div>
|
|
|
<div class="btn-wrapper">
|
|
|
@@ -51,23 +44,15 @@
|
|
|
</div>
|
|
|
|
|
|
<template v-if="showCurrencySelect">
|
|
|
- <div class="selectDiv">
|
|
|
- <currency-select
|
|
|
- ref="currencySelectDom"
|
|
|
- :list="currenciesData"
|
|
|
- @selectCurrency="selectCurrency">
|
|
|
- </currency-select>
|
|
|
- </div>
|
|
|
- <div class="selectBg" @click="showCurrencySelect = false"></div>
|
|
|
+ <div class="selectDiv">
|
|
|
+ <currency-select ref="currencySelectDom" :list="currenciesData" @selectCurrency="selectCurrency">
|
|
|
+ </currency-select>
|
|
|
+ </div>
|
|
|
+ <div class="selectBg" @click="showCurrencySelect = false"></div>
|
|
|
</template>
|
|
|
- <input-action-sheet
|
|
|
- :visible="showDepositInput"
|
|
|
- title="Enter the USD amount to be deposited"
|
|
|
- :desc="depositDesc"
|
|
|
- position="absolute"
|
|
|
- @onInput="onDepositAmountInput"
|
|
|
- @cancel="cancelDeposit"
|
|
|
- @confirm="confirmDeposit"></input-action-sheet>
|
|
|
+ <input-action-sheet :visible="showDepositInput" title="Enter the USD amount to be deposited" :desc="depositDesc"
|
|
|
+ position="absolute" @onInput="onDepositAmountInput" @cancel="cancelDeposit" @confirm="confirmDeposit">
|
|
|
+ </input-action-sheet>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -78,7 +63,7 @@ import Report from "@/log-center/log";
|
|
|
import { getStorage } from "@/uilts/help";
|
|
|
|
|
|
import { getCurrencyInfoBySymbol, syncChainTokenRechargeRecord } from "@/http/publishApi";
|
|
|
-import {setChromeStorage} from "@/uilts/chromeExtension"
|
|
|
+import { setChromeStorage, chromeExtensionUrl } from "@/uilts/chromeExtension"
|
|
|
|
|
|
import VHead from '@/view/popup/components/head.vue'
|
|
|
import currencySelect from "@/view/components/currency-select.vue";
|
|
|
@@ -109,42 +94,42 @@ let finalAmountData = ref({});
|
|
|
|
|
|
|
|
|
const selectCurrency = (params) => {
|
|
|
- showCurrencySelect.value = false;
|
|
|
- let {enableRecharge, enableWithdraw} = params;
|
|
|
+ showCurrencySelect.value = false;
|
|
|
+ let { enableRecharge, enableWithdraw } = params;
|
|
|
|
|
|
- if(currencyOpertionType == 'WITHDRAW') {
|
|
|
- if(enableWithdraw != 1) {
|
|
|
- return;
|
|
|
- }
|
|
|
- withdrawHandle(params);
|
|
|
- } else if(currencyOpertionType == 'DEPOSIT') {
|
|
|
- if(enableRecharge != 1) {
|
|
|
- return;
|
|
|
- }
|
|
|
- depositHandle(params);
|
|
|
- } else if(currencyOpertionType == 'SEND') {
|
|
|
- if(enableRecharge != 1) {
|
|
|
- return;
|
|
|
- }
|
|
|
- showSendGiveawayDialog(params);
|
|
|
+ if (currencyOpertionType == 'WITHDRAW') {
|
|
|
+ if (enableWithdraw != 1) {
|
|
|
+ return;
|
|
|
}
|
|
|
+ withdrawHandle(params);
|
|
|
+ } else if (currencyOpertionType == 'DEPOSIT') {
|
|
|
+ if (enableRecharge != 1) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ depositHandle(params);
|
|
|
+ } else if (currencyOpertionType == 'SEND') {
|
|
|
+ if (enableRecharge != 1) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ showSendGiveawayDialog(params);
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
let withdraw_info = inject('withdraw_info')
|
|
|
// 点击提现
|
|
|
const clickWithdraw = () => {
|
|
|
- Report.reportLog({
|
|
|
- pageSource: Report.pageSource.denetHomePage,
|
|
|
- businessType: Report.businessType.buttonClick,
|
|
|
- objectType: Report.objectType.withdrawButton
|
|
|
- });
|
|
|
+ Report.reportLog({
|
|
|
+ pageSource: Report.pageSource.denetHomePage,
|
|
|
+ businessType: Report.businessType.buttonClick,
|
|
|
+ objectType: Report.objectType.withdrawButton
|
|
|
+ });
|
|
|
|
|
|
- if(currenciesData.value.length > 1) {
|
|
|
- showCurrencySelect.value = true;
|
|
|
- currencyOpertionType = "WITHDRAW";
|
|
|
- } else if(currenciesData.value.length == 1){
|
|
|
- withdrawHandle(currenciesData.value[0]);
|
|
|
- }
|
|
|
+ if (currenciesData.value.length > 1) {
|
|
|
+ showCurrencySelect.value = true;
|
|
|
+ currencyOpertionType = "WITHDRAW";
|
|
|
+ } else if (currenciesData.value.length == 1) {
|
|
|
+ withdrawHandle(currenciesData.value[0]);
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
const withdrawHandle = (_params) => {
|
|
|
@@ -159,12 +144,12 @@ const withdrawHandle = (_params) => {
|
|
|
withdraw_info.icon_net = require('@/assets/svg/icon-BNB.svg')
|
|
|
|
|
|
if (_params.currencyCode == 'USD') {
|
|
|
- withdraw_info.currency_code = _params.currencyCode
|
|
|
- withdraw_info.paypal.amount_value = _params.balance
|
|
|
- router.push('/withdraw/paypal')
|
|
|
+ withdraw_info.currency_code = _params.currencyCode
|
|
|
+ withdraw_info.paypal.amount_value = _params.balance
|
|
|
+ router.push('/withdraw/paypal')
|
|
|
} else {
|
|
|
- console.log(withdraw_info.chainInfo.iconPath)
|
|
|
- router.push('/withdraw/info')
|
|
|
+ console.log(withdraw_info.chainInfo.iconPath)
|
|
|
+ router.push('/withdraw/info')
|
|
|
}
|
|
|
}
|
|
|
|
|
|
@@ -173,45 +158,45 @@ const withdrawHandle = (_params) => {
|
|
|
let top_up_info = inject('top_up_info');
|
|
|
|
|
|
const clickDeposit = () => {
|
|
|
- Report.reportLog({
|
|
|
- pageSource: Report.pageSource.denetHomePage,
|
|
|
- businessType: Report.businessType.buttonClick,
|
|
|
- objectType: Report.objectType.topupButton
|
|
|
- });
|
|
|
+ Report.reportLog({
|
|
|
+ pageSource: Report.pageSource.denetHomePage,
|
|
|
+ businessType: Report.businessType.buttonClick,
|
|
|
+ objectType: Report.objectType.topupButton
|
|
|
+ });
|
|
|
|
|
|
- if(currenciesData.value.length > 1) {
|
|
|
- showCurrencySelect.value = true;
|
|
|
- currencyOpertionType = "DEPOSIT";
|
|
|
- } else if(currenciesData.value.length == 1){
|
|
|
- let currencyInfo = currenciesData.value[0];
|
|
|
- if(currencyInfo.currencyCode == 'USD') {
|
|
|
- // 法币充值
|
|
|
- showDepositInput.value = true;
|
|
|
- setDepositDesc();
|
|
|
-
|
|
|
- } else {
|
|
|
- depositHandle(currencyInfo);
|
|
|
- }
|
|
|
+ if (currenciesData.value.length > 1) {
|
|
|
+ showCurrencySelect.value = true;
|
|
|
+ currencyOpertionType = "DEPOSIT";
|
|
|
+ } else if (currenciesData.value.length == 1) {
|
|
|
+ let currencyInfo = currenciesData.value[0];
|
|
|
+ if (currencyInfo.currencyCode == 'USD') {
|
|
|
+ // 法币充值
|
|
|
+ showDepositInput.value = true;
|
|
|
+ setDepositDesc();
|
|
|
+
|
|
|
+ } else {
|
|
|
+ depositHandle(currencyInfo);
|
|
|
}
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
const setDepositDesc = async () => {
|
|
|
let res = await payCalcFee({
|
|
|
- params: {
|
|
|
- amountValue: 0,
|
|
|
- currencyCode: currencyInfo.value.currencyCode,
|
|
|
- payChannel: 'ach',
|
|
|
- },
|
|
|
+ params: {
|
|
|
+ amountValue: 0,
|
|
|
+ currencyCode: currencyInfo.value.currencyCode,
|
|
|
+ payChannel: 'ach',
|
|
|
+ },
|
|
|
});
|
|
|
- if(res.code == 0) {
|
|
|
- let {feeDesc} = res.data;
|
|
|
+ if (res.code == 0) {
|
|
|
+ let { feeDesc } = res.data;
|
|
|
depositDesc.value = `${feeDesc}`;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
const depositHandle = (_params) => {
|
|
|
top_up_info.token = _params.currencyName || ''
|
|
|
- top_up_info.token_chain = _params.tokenChain
|
|
|
+ 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 || ''
|
|
|
@@ -219,21 +204,21 @@ const depositHandle = (_params) => {
|
|
|
top_up_info.chainInfo = {
|
|
|
..._params.chainInfo
|
|
|
};
|
|
|
-
|
|
|
+
|
|
|
router.push('/top-up/info');
|
|
|
};
|
|
|
|
|
|
|
|
|
const asyncTokenRechRecord = (currencyCode = '', cb) => {
|
|
|
- syncChainTokenRechargeRecord({
|
|
|
- params: {
|
|
|
- currencyCode: currencyCode
|
|
|
- }
|
|
|
- }).then(res => {
|
|
|
- cb && cb(res.data)
|
|
|
- }).catch((err) => {
|
|
|
- cb && cb()
|
|
|
- })
|
|
|
+ syncChainTokenRechargeRecord({
|
|
|
+ params: {
|
|
|
+ currencyCode: currencyCode
|
|
|
+ }
|
|
|
+ }).then(res => {
|
|
|
+ cb && cb(res.data)
|
|
|
+ }).catch((err) => {
|
|
|
+ cb && cb()
|
|
|
+ })
|
|
|
}
|
|
|
|
|
|
const onRefresh = () => {
|
|
|
@@ -243,11 +228,11 @@ const onRefresh = () => {
|
|
|
symbol: currencyInfo.value.tokenSymbol
|
|
|
}
|
|
|
}).then(res => {
|
|
|
- if(res.code == 0) {
|
|
|
- if(res.data && res.data.currencyCategories && res.data.currencyCategories.length) {
|
|
|
+ if (res.code == 0) {
|
|
|
+ if (res.data && res.data.currencyCategories && res.data.currencyCategories.length) {
|
|
|
let data = res.data.currencyCategories[0].data;
|
|
|
- if(data.length) {
|
|
|
- let {totalBalance = '', totalUsdEstimateBalance = ''} = data[0] || {};
|
|
|
+ if (data.length) {
|
|
|
+ let { totalBalance = '', totalUsdEstimateBalance = '' } = data[0] || {};
|
|
|
currencyInfo.value.totalBalance = totalBalance;
|
|
|
currencyInfo.value.totalUsdEstimateBalance = totalUsdEstimateBalance;
|
|
|
}
|
|
|
@@ -258,23 +243,23 @@ const onRefresh = () => {
|
|
|
};
|
|
|
|
|
|
const showSendGiveawayDialog = (params = {}) => {
|
|
|
- if(currenciesData.value.length > 1 && currencyOpertionType != 'SEND') {
|
|
|
- showCurrencySelect.value = true;
|
|
|
- currencyOpertionType = "SEND";
|
|
|
+ if (currenciesData.value.length > 1 && currencyOpertionType != 'SEND') {
|
|
|
+ showCurrencySelect.value = true;
|
|
|
+ currencyOpertionType = "SEND";
|
|
|
} else {
|
|
|
- setLocalSelectCurrencyInfo(params)
|
|
|
- setTimeout(() => {
|
|
|
- chrome.runtime.sendMessage({
|
|
|
- actionType: "POPUP_SHOW_DENET_PUBLISH_DIALOG",
|
|
|
- data: { }
|
|
|
+ setLocalSelectCurrencyInfo(params)
|
|
|
+ setTimeout(() => {
|
|
|
+ chrome.runtime.sendMessage({
|
|
|
+ actionType: "POPUP_SHOW_DENET_PUBLISH_DIALOG",
|
|
|
+ data: {}
|
|
|
});
|
|
|
- }, 600)
|
|
|
- currencyOpertionType = '';
|
|
|
+ }, 600)
|
|
|
+ currencyOpertionType = '';
|
|
|
}
|
|
|
};
|
|
|
|
|
|
const setLocalSelectCurrencyInfo = (params = {}) => {
|
|
|
- setChromeStorage({ selectCurrencyInfo : JSON.stringify(params)})
|
|
|
+ setChromeStorage({ selectCurrencyInfo: JSON.stringify(params) })
|
|
|
}
|
|
|
|
|
|
const cancelDeposit = () => {
|
|
|
@@ -282,7 +267,7 @@ const cancelDeposit = () => {
|
|
|
}
|
|
|
|
|
|
const confirmDeposit = (params) => {
|
|
|
- if(reqCalcIng) {
|
|
|
+ if (reqCalcIng) {
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
@@ -290,16 +275,18 @@ const confirmDeposit = (params) => {
|
|
|
depositDesc.value = '';
|
|
|
|
|
|
let achPayInfo = {
|
|
|
- amountValue: finalAmountData.value.finalAmountValue
|
|
|
+ amountValue: finalAmountData.value.finalAmountValue
|
|
|
};
|
|
|
- let guideUrl = 'chrome-extension://omadcdhfdfhbklafpaddghnjimpfemgh' + ('/iframe/ach-cashier.html');
|
|
|
- setChromeStorage({ achPayInfo : JSON.stringify(achPayInfo)});
|
|
|
+ let guideUrl = chromeExtensionUrl + ('iframe/ach-cashier.html');
|
|
|
+ setChromeStorage({ achPayInfo: JSON.stringify(achPayInfo) });
|
|
|
let str = window.location.hash + '&refresh=true';
|
|
|
let path = str.substring(1, str.length);
|
|
|
- setChromeStorage({ achPayData : JSON.stringify({
|
|
|
- form: 'popupPage',
|
|
|
- path
|
|
|
- })});
|
|
|
+ setChromeStorage({
|
|
|
+ achPayData: JSON.stringify({
|
|
|
+ form: 'popupPage',
|
|
|
+ path
|
|
|
+ })
|
|
|
+ });
|
|
|
|
|
|
chrome.tabs.create({
|
|
|
url: guideUrl
|
|
|
@@ -307,23 +294,23 @@ const confirmDeposit = (params) => {
|
|
|
}
|
|
|
|
|
|
const onDepositAmountInput = async (params = {}) => {
|
|
|
- let {inputVal} = params;
|
|
|
+ let { inputVal } = params;
|
|
|
reqCalcIng = true;
|
|
|
- if(inputVal === '') {
|
|
|
+ if (inputVal === '') {
|
|
|
inputVal = 0;
|
|
|
}
|
|
|
let res = await payCalcFee({
|
|
|
- params: {
|
|
|
- amountValue: inputVal,
|
|
|
- currencyCode: currencyInfo.value.currencyCode,
|
|
|
- payChannel: 'ach',
|
|
|
- },
|
|
|
+ params: {
|
|
|
+ amountValue: inputVal,
|
|
|
+ currencyCode: currencyInfo.value.currencyCode,
|
|
|
+ payChannel: 'ach',
|
|
|
+ },
|
|
|
});
|
|
|
reqCalcIng = false;
|
|
|
- if(res.code == 0) {
|
|
|
- let {feeAmountValue, feeDesc} = res.data;
|
|
|
+ if (res.code == 0) {
|
|
|
+ let { feeAmountValue, feeDesc } = res.data;
|
|
|
finalAmountData.value = res.data;
|
|
|
- if(inputVal === 0) {
|
|
|
+ if (inputVal === 0) {
|
|
|
depositDesc.value = `${feeDesc}`;
|
|
|
} else {
|
|
|
depositDesc.value = `Charge Fee：${feeAmountValue} USD（${feeDesc}）`;
|
|
|
@@ -333,47 +320,47 @@ const onDepositAmountInput = async (params = {}) => {
|
|
|
|
|
|
|
|
|
const onMessage = () => {
|
|
|
- chrome.runtime.onMessage.addListener(msgListener)
|
|
|
+ chrome.runtime.onMessage.addListener(msgListener)
|
|
|
}
|
|
|
|
|
|
const msgListener = (req, sender, sendResponse) => {
|
|
|
- switch (req.actionType) {
|
|
|
- case 'CONTENT_POPUP_PAGE_SHOW':
|
|
|
- let {refresh = false} = router.currentRoute.value.query;
|
|
|
- if(refresh && currencyInfo.value.tokenSymbol) {
|
|
|
- onRefresh();
|
|
|
- }
|
|
|
- break;
|
|
|
- }
|
|
|
+ switch (req.actionType) {
|
|
|
+ case 'CONTENT_POPUP_PAGE_SHOW':
|
|
|
+ let { refresh = false } = router.currentRoute.value.query;
|
|
|
+ if (refresh && currencyInfo.value.tokenSymbol) {
|
|
|
+ onRefresh();
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
onMounted(() => {
|
|
|
- let {params = '{}'} = router.currentRoute.value.query;
|
|
|
-
|
|
|
- let {currencies = [], totalBalance = 0, totalUsdEstimateBalance = 0} = JSON.parse(params);
|
|
|
-
|
|
|
- currenciesData.value = currencies;
|
|
|
- if(currencies.length) {
|
|
|
- currencyInfo.value = {
|
|
|
- ...currencies[0],
|
|
|
- totalBalance,
|
|
|
- totalUsdEstimateBalance
|
|
|
- };
|
|
|
- if(currencies.length == 1) {
|
|
|
- enableRecharge.value = currencyInfo.value.enableRecharge;
|
|
|
- enableWithdraw.value = currencyInfo.value.enableWithdraw;
|
|
|
- }
|
|
|
- }
|
|
|
- if(window.location.pathname.indexOf('/home.html') > -1) {
|
|
|
- showSendBtn.value = false;
|
|
|
- } else {
|
|
|
- showSendBtn.value = true;
|
|
|
+ let { params = '{}' } = router.currentRoute.value.query;
|
|
|
+
|
|
|
+ let { currencies = [], totalBalance = 0, totalUsdEstimateBalance = 0 } = JSON.parse(params);
|
|
|
+
|
|
|
+ currenciesData.value = currencies;
|
|
|
+ if (currencies.length) {
|
|
|
+ currencyInfo.value = {
|
|
|
+ ...currencies[0],
|
|
|
+ totalBalance,
|
|
|
+ totalUsdEstimateBalance
|
|
|
+ };
|
|
|
+ if (currencies.length == 1) {
|
|
|
+ enableRecharge.value = currencyInfo.value.enableRecharge;
|
|
|
+ enableWithdraw.value = currencyInfo.value.enableWithdraw;
|
|
|
}
|
|
|
- onMessage();
|
|
|
+ }
|
|
|
+ if (window.location.pathname.indexOf('/home.html') > -1) {
|
|
|
+ showSendBtn.value = false;
|
|
|
+ } else {
|
|
|
+ showSendBtn.value = true;
|
|
|
+ }
|
|
|
+ onMessage();
|
|
|
})
|
|
|
|
|
|
onBeforeUnmount(() => {
|
|
|
- chrome.runtime.onMessage.removeListener(msgListener);
|
|
|
+ chrome.runtime.onMessage.removeListener(msgListener);
|
|
|
})
|
|
|
|
|
|
</script>
|
|
|
@@ -406,6 +393,7 @@ onBeforeUnmount(() => {
|
|
|
justify-content: center;
|
|
|
flex-direction: column;
|
|
|
width: 100%;
|
|
|
+
|
|
|
.balance {
|
|
|
padding: 0 18px;
|
|
|
box-sizing: border-box;
|
|
|
@@ -415,7 +403,7 @@ onBeforeUnmount(() => {
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
|
|
|
- .symbol{
|
|
|
+ .symbol {
|
|
|
word-break: break-all;
|
|
|
}
|
|
|
}
|
|
|
@@ -433,6 +421,7 @@ onBeforeUnmount(() => {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.bottom {
|
|
|
height: 162px;
|
|
|
padding: 0 20px;
|
|
|
@@ -469,6 +458,7 @@ onBeforeUnmount(() => {
|
|
|
margin-bottom: 18px;
|
|
|
background: #1d9bf0;
|
|
|
color: #fff;
|
|
|
+
|
|
|
img {
|
|
|
width: 19px;
|
|
|
height: 19px;
|
|
|
@@ -505,25 +495,26 @@ onBeforeUnmount(() => {
|
|
|
|
|
|
|
|
|
.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: auto;
|
|
|
+ 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: auto;
|
|
|
}
|
|
|
+
|
|
|
.selectBg {
|
|
|
- position: absolute;
|
|
|
- z-index: 999;
|
|
|
- top: 0;
|
|
|
- left: 0;
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- background: rgba($color: #000000, $alpha: 0.6);
|
|
|
+ position: absolute;
|
|
|
+ z-index: 999;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ background: rgba($color: #000000, $alpha: 0.6);
|
|
|
}
|
|
|
}
|
|
|
</style>
|
