VxDepositCard

整存整取卡片

引用

import VxDepositCard from '@/views/investment-manage/deposit/components/vx-deposit-card';

export default {
  components:{
    VxDepositCard
  },
}

代码演示

<template>
  <vx-deposit-card :deposit-num="depositNum" :deposit-list="depositList" @go-lump="goLump"> </vx-deposit-card>
</template>

<script>
import VxDepositCard from '@/views/investment-manage/deposit/components/vx-deposit-card';
export default {
  components: {
    VxDepositCard,
  },
  data() {
    return {
      depositNum: '50',
      depositList: [
        {
          depositTerm: 'M003',
          expectRate: '1.35',
        },
        {
          depositTerm: 'M006',
          expectRate: '1.35',
        },
        {
          depositTerm: 'Y001',
          expectRate: '1.35',
        },
        {
          depositTerm: 'Y002',
          expectRate: '1.35',
        },
        {
          depositTerm: 'Y003',
          expectRate: '1.35',
        },
        {
          depositTerm: 'Y005',
          expectRate: '1.35',
        },
      ],
    };
  },

  methods: {
    // 跳转整存整取
    goLump() {
      this.$message.error('跳转整存整取');
    },
  },
};
</script>

API

VxDepositCard Props

属性	说明	类型	默认值	备注
`deposit-num`	整存整取起存金额	`[String, Number]`	-
`deposit-list`	整存整取数据	`Array<{depositTerm:String,expectRate:String}>`	-	必传

VxDepositCard Events

@go-lump()

点击事件，页面跳转。

Current Tags

0.0.2 ... latest (2 years ago)

1 Versions

0.0.2 ... 2 years ago