feat: 初始化

pages/capital/withdraw/index.scss

@@ -0,0 +1,89 @@
+.container {
+	padding: 0 24px 24px 16px;
+	.title {
+		margin: 14px 0 15px;
+	}
+	.minAmount {
+		margin-top: 4px;
+		color: #14cc9e;
+		font-size: 10px;
+		line-height: 14px;
+		&.unavailable {
+			color: #ff5733;
+		}
+	}
+	.availableMoneyOut {
+		display: flex;
+		align-items: center;
+		column-gap: 16px;
+		margin-bottom: 16px;
+		font-size: 14px;
+		color: #777777;
+		.value {
+			font-size: 18px;
+			font-weight: 700;
+			color: #29bbe4;
+		}
+	}
+	.exchangeRate {
+		display: flex;
+		justify-content: space-between;
+		margin-bottom: 12px;
+		font-size: 14px;
+		color: #777777;
+		.value {
+			font-weight: 700;
+		}
+	}
+	.currency_amount {
+		display: flex;
+		justify-content: space-between;
+		margin-bottom: 12px;
+		.label {
+			font-size: 14px;
+			color: #777777;
+		}
+		.value {
+			font-size: 14px;
+			color: #29bbe4;
+			font-weight: 700;
+		}
+	}
+	.detailModal {
+		position: relative;
+		width: calc(100vw - 50px);
+		max-width: 363px;
+		padding: 32px 29px 42px;
+		background-color: #fff;
+		box-sizing: border-box;
+		.closeIcon {
+			position: absolute;
+			top: 18px;
+			right: 21px;
+			width: 17px;
+			height: 17px;
+		}
+		.titleWrapper {
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+			row-gap: 12px;
+			color: #333333;
+			padding: 12px;
+			margin: 24px 0;
+			box-shadow: -1px 0 5px 1px rgba(0, 0, 0, 0.1);
+			.title {
+				margin: 0;
+				font-size: 24px;
+				font-weight: 700;
+				line-height: 34px;
+			}
+			.value {
+				font-size: 36px;
+				font-weight: 700;
+				color: #29bbe4;
+				line-height: 52px;
+			}
+		}
+	}
+}

pages/capital/withdraw/success/index.scss

@@ -0,0 +1,34 @@
+.container {
+	padding: 0 24px 24px 16px;
+	.title {
+		margin: 14px 0 15px;
+	}
+	.content {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		row-gap: 10px;
+		margin-top: 62px;
+		.successTitle {
+			font-size: 24px;
+			font-weight: 700;
+			color: #333333;
+			text-align: center;
+		}
+		.successDesc {
+			margin-top: 19px;
+			font-size: 12px;
+			color: #aaaaaa;
+			text-align: center;
+		}
+	}
+	.btns {
+		display: flex;
+		flex-direction: column;
+		row-gap: 12px;
+		margin-top: 120px;
+		.btn {
+			width: 100%;
+		}
+	}
+}

pages/capital/withdraw/success/index.vue

@@ -0,0 +1,46 @@
+<template>
+	<NavBar />
+	<view class="container">
+		<view class="title">
+			<PageTitle :title="$t('withdrawal.pageTitle')" />
+		</view>
+		<view class="content">
+			<image src="/static/success.png" mode="aspectFit" style="width: 56px; height: 56px"></image>
+			<text class="successTitle">{{ $t('withdrawal.success') }}</text>
+			<text class="successDesc">{{ $t('deposit.successDesc') }}</text>
+		</view>
+		<view class="btns">
+			<button class="btn primaryButton" type="button" @click="handleContinueWithdraw">
+				{{ $t('withdrawal.continue') }}
+			</button>
+			<button class="btn secondaryButton" type="button" @click="handleTradeRecord">
+				{{ $t('home.tradeRecord') }}
+			</button>
+		</view>
+	</view>
+</template>
+
+<script>
+export default {
+	name: '',
+	data() {
+		return {};
+	},
+	methods: {
+		handleContinueWithdraw() {
+			uni.redirectTo({
+				url: '/pages/capital/withdraw/index'
+			});
+		},
+		handleTradeRecord() {
+			uni.redirectTo({
+				url: '/pages/capital/tradeRecord/index?type=withdrawal'
+			});
+		}
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+@import './index.scss';
+</style>