<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: 44px; height: 44px; 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>
