feat: 初始化

2025-07-07 15:55:44 +08:00
commit 9b7bfcfe5a
969 changed files with 123036 additions and 0 deletions
--- a/pages/capital/index.scss
+++ b/pages/capital/index.scss
@ -0,0 +1,111 @@
+.container {
+	padding: 0 24px 24px 16px;
+	.title {
+		margin: 14px 0 15px;
+	}
+	.content {
+		display: flex;
+		flex-direction: column;
+		row-gap: 10px;
+		font-size: 18px;
+		font-weight: 600;
+		.capitalItem {
+			flex: 1;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			column-gap: 10px;
+			row-gap: 4px;
+			background-color: #fff;
+			padding: 0px 4px;
+			box-sizing: border-box;
+			cursor: pointer;
+			.capitalIcon {
+				flex-shrink: 0;
+				width: 47px;
+				height: 47px;
+			}
+		}
+		.sectionBg {
+			width: 100%;
+			height: 100%;
+			position: absolute;
+			z-index: -1;
+			top: 0px;
+			left: 50%;
+			transform: translateX(-50%);
+		}
+		.mtSection {
+			position: relative;
+			display: grid;
+			grid-template-columns: repeat(2, minmax(0, 1fr));
+			column-gap: 12px;
+			padding: 20px 16px;
+			height: 215px;
+			box-sizing: border-box;
+			border-radius: 8px;
+			overflow: hidden;
+			.capitalItem {
+				word-break: break-all;
+			}
+			.mtDeposit {
+				flex-direction: column;
+			}
+			.mtWithdrawAndmtTransfer {
+				display: flex;
+				flex-direction: column;
+				row-gap: 12px;
+				.ibSectionBg {
+					width: 100%;
+					height: 100%;
+					position: absolute;
+					z-index: -1;
+					top: 0px;
+					left: 50%;
+					transform: translateX(-50%);
+				}
+			}
+		}
+		.ibSection {
+			position: relative;
+			padding: 22px 15px;
+			height: 166px;
+			box-sizing: border-box;
+			border-radius: 8px;
+			overflow: hidden;
+			.ibSectionContent {
+				display: flex;
+				align-items: center;
+				height: 100%;
+				background-color: #fff;
+				.capitalItem {
+					height: 100%;
+					flex-direction: column;
+					row-gap: 2px;
+					text-align: center;
+				}
+				.divider {
+					height: 94px;
+					width: 1px;
+					background-color: #ececec;
+				}
+			}
+		}
+		.recordBtn {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			column-gap: 4px;
+			margin: 9px auto;
+			padding: 5px 20px;
+			min-height: 30px;
+			border: 1px solid #29bbe4;
+			border-radius: 100px;
+			box-sizing: border-box;
+			font-size: 12px;
+			line-height: 18px;
+			font-weight: 400;
+			color: #29bbe4;
+		}
+	}
+}