diff --git a/components/tab-bar/tab-bar.vue b/components/tab-bar/tab-bar.vue
index d1bde7a..1a54772 100644
--- a/components/tab-bar/tab-bar.vue
+++ b/components/tab-bar/tab-bar.vue
@@ -5,19 +5,26 @@
['Recharge', 'Withdraw', 'Index', 'User', 'Transfer'].includes(routeName)
"
>
-
-
- {{ item.text }}
+
+
+
+
+
+
+
+ {{ item.text }}
+
+
@@ -122,27 +129,111 @@ export default {
left: 0;
right: 0;
bottom: 0;
- display: flex;
- background: #000;
- justify-content: space-between;
- height: 50px;
+ z-index: 99;
+ padding: 0 8px 4px;
+ background: linear-gradient(
+ 180deg,
+ rgba(0, 0, 0, 0) 0%,
+ rgba(0, 0, 0, 0.12) 26%,
+ rgba(0, 0, 0, 0.32) 100%
+ );
+
+ .tab-bar__shell {
+ display: flex;
+ justify-content: space-between;
+ align-items: stretch;
+ min-height: 56px;
+ padding: 4px 5px calc(4px + env(safe-area-inset-bottom));
+ background: linear-gradient(
+ 180deg,
+ rgba(9, 8, 7, 0.98) 0%,
+ rgba(2, 2, 2, 0.99) 100%
+ );
+ border: 1px solid rgba(226, 193, 117, 0.22);
+ border-bottom: none;
+ border-radius: 16px 16px 0 0;
+ box-shadow: 0 -8px 22px rgba(0, 0, 0, 0.18),
+ inset 0 1px 0 rgba(255, 243, 212, 0.04);
+ }
+
.item {
flex: 1;
- display: flex;
- align-items: center;
- flex-direction: column;
- justify-content: center;
- color: #fff;
- &.active {
- color: #deb366;
+ min-width: 0;
+ color: rgba(255, 255, 255, 0.84);
+
+ .item-inner {
+ position: relative;
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+ justify-content: center;
+ min-height: 46px;
+ margin: 0 1px;
+ padding: 5px 5px 2px;
+ border-radius: 14px;
+ transition: all 0.2s ease;
}
+
+ .item-indicator {
+ position: absolute;
+ top: -1px;
+ left: 50%;
+ width: 20px;
+ height: 2px;
+ border-radius: 999px;
+ background: transparent;
+ transform: translateX(-50%);
+ }
+
+ .icon-box {
+ width: 28px;
+ height: 28px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border-radius: 10px;
+ transition: all 0.2s ease;
+ }
+
.icon {
- width: 25px;
- height: 25px;
+ width: 22px;
+ height: 22px;
}
+
.text {
- font-size: 12px;
- padding-top: 2px;
+ margin-top: 2px;
+ font-size: 11px;
+ line-height: 1.2;
+ letter-spacing: 0.2px;
+ white-space: nowrap;
+ transition: all 0.2s ease;
+ }
+
+ &.active {
+ color: #e8c26f;
+
+ .item-inner {
+ background: linear-gradient(
+ 180deg,
+ rgba(63, 46, 20, 0.24) 0%,
+ rgba(30, 22, 13, 0.08) 100%
+ );
+ box-shadow: inset 0 1px 0 rgba(255, 236, 192, 0.08);
+ }
+
+ .item-indicator {
+ background: linear-gradient(90deg, #f4ddb0 0%, #d9ae55 100%);
+ }
+
+ .icon-box {
+ background: rgba(225, 191, 116, 0.08);
+ box-shadow: inset 0 1px 0 rgba(255, 244, 219, 0.06);
+ }
+
+ .text {
+ font-weight: 600;
+ text-shadow: 0 0 10px rgba(217, 174, 85, 0.1);
+ }
}
}
}
diff --git a/language/cn.js b/language/cn.js
index b6b4619..22783cd 100644
--- a/language/cn.js
+++ b/language/cn.js
@@ -72,6 +72,12 @@ var cn = {
commission: "手续费",
amountCannotBe0: "金额不能为0",
submittingApplication: "提交申请中...",
+ bankName: "银行名称",
+ accountName: "账户姓名",
+ accountNumber: "银行卡号",
+ enterAccountName: "请输入账户姓名",
+ enterAccountNumber: "请输入银行卡号",
+ insufficientBalance: "余额不足",
transfer: "划转",
accountBalance: "账户余额",
diff --git a/language/en.js b/language/en.js
index 21d9f4f..16c316b 100644
--- a/language/en.js
+++ b/language/en.js
@@ -72,6 +72,12 @@ var en = {
commission: "Commission",
amountCannotBe0: "Amount cannot be 0",
submittingApplication: "Submitting Application...",
+ bankName: "Bank Name",
+ accountName: "Account Name",
+ accountNumber: "Bank Account Number",
+ enterAccountName: "Please enter account name",
+ enterAccountNumber: "Please enter bank account number",
+ insufficientBalance: "Insufficient balance",
transfer: "Transfer",
accountBalance: "Account Balance",
diff --git a/language/in.js b/language/in.js
index cc5bd27..f3e69b2 100644
--- a/language/in.js
+++ b/language/in.js
@@ -72,6 +72,12 @@ var In = {
commission: "Biaya Administrasi",
amountCannotBe0: "Jumlah tidak boleh 0",
submittingApplication: "Mengirimkan permintaan...",
+ bankName: "Nama Bank",
+ accountName: "Nama Rekening",
+ accountNumber: "Nomor Rekening Bank",
+ enterAccountName: "Masukkan nama rekening",
+ enterAccountNumber: "Masukkan nomor rekening bank",
+ insufficientBalance: "Saldo tidak cukup",
transfer: "Transfer",
accountBalance: "Saldo",
diff --git a/language/kr.js b/language/kr.js
index 67db613..cce289e 100644
--- a/language/kr.js
+++ b/language/kr.js
@@ -72,6 +72,12 @@ var kr = {
commission: "수수료",
amountCannotBe0: "금액은 0일 수 없습니다.",
submittingApplication: "신청 제출 중...",
+ bankName: "은행명",
+ accountName: "예금주명",
+ accountNumber: "은행 계좌번호",
+ enterAccountName: "예금주명을 입력해 주세요",
+ enterAccountNumber: "은행 계좌번호를 입력해 주세요",
+ insufficientBalance: "잔액이 부족합니다",
transfer: "전송",
accountBalance: "계정 잔액",
diff --git a/language/tl.js b/language/tl.js
index 1d45acf..0cdbbcd 100644
--- a/language/tl.js
+++ b/language/tl.js
@@ -71,6 +71,12 @@ var tl = {
commission: "คอมมิชชัน",
amountCannotBe0: "ยอดไม่สามารถเป็น 0",
submittingApplication: "ยื่นถอนเงิน",
+ bankName: "ชื่อธนาคาร",
+ accountName: "ชื่อบัญชี",
+ accountNumber: "เลขที่บัญชีธนาคาร",
+ enterAccountName: "กรุณากรอกชื่อบัญชี",
+ enterAccountNumber: "กรุณากรอกเลขที่บัญชีธนาคาร",
+ insufficientBalance: "ยอดเงินคงเหลือไม่เพียงพอ",
transfer: "โอน",
accountBalance: "ยอดเงินในบัญชี",
diff --git a/language/tw.js b/language/tw.js
index eefd4e1..2132033 100644
--- a/language/tw.js
+++ b/language/tw.js
@@ -72,6 +72,12 @@ var tw = {
commission: "手續費",
amountCannotBe0: "金額不能為0",
submittingApplication: "提交申請中...",
+ bankName: "銀行名稱",
+ accountName: "賬戶姓名",
+ accountNumber: "銀行卡號",
+ enterAccountName: "請輸入賬戶姓名",
+ enterAccountNumber: "請輸入銀行卡號",
+ insufficientBalance: "餘額不足",
transfer: "劃轉",
accountBalance: "賬戶餘額",
diff --git a/language/yn.js b/language/yn.js
index 79cac0f..f76a884 100644
--- a/language/yn.js
+++ b/language/yn.js
@@ -72,6 +72,12 @@ var yn = {
commission: "Phí thủ tục",
amountCannotBe0: "Số tiền không thể bằng 0",
submittingApplication: "Đang gửi yêu cầu...",
+ bankName: "Tên ngân hàng",
+ accountName: "Tên tài khoản",
+ accountNumber: "Số tài khoản ngân hàng",
+ enterAccountName: "Vui lòng nhập tên tài khoản",
+ enterAccountNumber: "Vui lòng nhập số tài khoản ngân hàng",
+ insufficientBalance: "Số dư không đủ",
transfer: "Chuyển khoản",
accountBalance: "Số dư tài khoản",
diff --git a/pages/index.vue b/pages/index.vue
index 2f6b882..865eb9a 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -2,31 +2,60 @@