feat: 初始化

pages/user/financialInformation/components/addBankCard/index.scss

@@ -0,0 +1,33 @@
+.bankCardWrapper {
+	display: flex;
+	flex-direction: column;
+	height: 174px;
+	box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.15);
+	.decoration {
+		display: flex;
+		width: 100%;
+		height: 5px;
+		flex-shrink: 0;
+		.left {
+			flex: 0 1 95px;
+			background-color: #0f3675;
+		}
+		.right {
+			flex: 1;
+			background-color: #29bbe4;
+		}
+	}
+	.bankCardContent {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+		row-gap: 12px;
+		height: 100%;
+		.addText {
+			display: flex;
+			align-items: center;
+			column-gap: 8px;
+		}
+	}
+}

pages/user/financialInformation/components/addBankCard/index.vue

@@ -0,0 +1,40 @@
+<template>
+	<view class="bankCardWrapper">
+		<view class="decoration">
+			<view class="left"></view>
+			<view class="right"></view>
+		</view>
+		<view class="bankCardContent">
+			<image @click="onClick" src="/static/user/add.png" mode="aspectFit" style="width: 46px; height: 46px; cursor: pointer"></image>
+			<view class="addText">
+				<image src="/static/user/bankCard.png" mode="aspectFit" style="width: 22px; height: 17px"></image>
+				<text>{{ addText }}</text>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+export default {
+	name: 'AddBankCard',
+	props: {
+		onClick: {
+			type: Function,
+			required: true
+		},
+		addText: {
+			type: String,
+			required: false,
+			default: ''
+		}
+	},
+	methods: {},
+	data() {
+		return {};
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+@import './index.scss';
+</style>