41 lines
844 B
Vue
41 lines
844 B
Vue
|
<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>
|