feat: 更新 API 地址,添加充值渠道组件,优化钱包卡片以支持充值功能
This commit is contained in:
36
src/views/user/components/recharge-channel.vue
Normal file
36
src/views/user/components/recharge-channel.vue
Normal file
@@ -0,0 +1,36 @@
|
||||
<script lang='ts' setup>
|
||||
import IcBaselineDataUsage from "~icons/ic/baseline-data-usage";
|
||||
import IcBaselineDownloading from "~icons/ic/baseline-downloading";
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="w-full h-200px p-20px flex justify-center flex-col gap-30px">
|
||||
<div class="flex items-center gap-10px">
|
||||
<i-ic-baseline-downloading class="text-2xl" />
|
||||
<ion-label class="flex-1">
|
||||
<h2>Chain recharge</h2>
|
||||
<p class="w-80% text-sm">
|
||||
Transfer crypto from on-chain wallet or exchange.
|
||||
</p>
|
||||
</ion-label>
|
||||
<i-ic-round-arrow-forward-ios class="ml-auto color-text-400" />
|
||||
</div>
|
||||
|
||||
<div class="flex items-center gap-10px">
|
||||
<i-ic-baseline-data-saver-off class="text-2xl" />
|
||||
<ion-label class="flex-1">
|
||||
<h2>Fiat currency</h2>
|
||||
<p class="w-80% text-sm">
|
||||
Transfer fiat currency through bank or other financial institutions.
|
||||
</p>
|
||||
</ion-label>
|
||||
<i-ic-round-arrow-forward-ios class="ml-auto color-text-400" />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style lang='css' scoped>
|
||||
.list {
|
||||
--background: transparent;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user