VxCreditCardApply

信用卡

引用

import VxCreditCardApply from '@/views/credit-card/components/vx-credit-card-apply'

Vue.component(VxCreditCardApply)

代码演⽰

<template>
  <vx-credit-card-apply :list="cardList" @cardApply="cardApply"></vx-credit-card-apply>
</template>

<script>
import VxCreditCardApply from '@/views/credit-card/components/vx-credit-card-apply'
export default {
  components: {
    VxCreditCardApply,
  },
  data() {
    return {
      cardList: [
        {
          cardName: '黑卡联名信用卡',
          cardType: '1',
          descriptions: [
            {
              title: '免年费',
              description: '免年费免年费免年费',
            },
            {
              title: '交易积分',
              description: '交易积分交易积分213',
            },
          ],
          cardImg: 'appCardExample1',
        },
        {
          cardName: '白金信用卡',
          cardType: '2',
          descriptions: [
            {
              title: '免年费',
              description: '免年费免年费免年费',
            },
            {
              title: '交易积分',
              description: '交易积分交易积分213',
            },
          ],
          cardImg: 'appCardExample2',
        },
      ],
    }
  },
  methods: {
    cardApply(value) {
      consol.log(value)
    },
  },
}
</script>

API

VxCreditCardApply Props

属性	说明	类型	默认值	备注
`list`	信用卡列表	`Array`	-	详细必含属性见下表

list

属性	说明	类型	默认值	备注
`cardType`	卡片类型	`Number`	-	-
`cardImg`	图片名称	`String`	-	-
`cardName`	卡片名称	`String`	-	-
`descriptions`	描述信息	`Array`	-	-

list

VxCreditCardApply Events

@cardApply(value)

返回值

属性	说明	类型	备注
`value`	`当前卡片点击值`	`Number`	-

Current Tags

0.0.4 ... latest (2 years ago)

1 Versions

0.0.4 ... 2 years ago