VxInvestmentHead

理财首页头部

引用

import VxInvestmentHead from './components/vx-investment-head'

// 页面内局部引入
export default {
  components: {
    VxInvestmentHead,
  },
}

代码演示

<template>
  <div>
    <vx-investment-head :income-info="incomeInfo" @go-function="goFunction" @overview="goOverview"> </vx-investment-head>
  </div>
</template>
<script>
export default {
  components: {
    VxInvestmentHead,
  },
  data() {
    return {
      incomeInfo: {}, //收益
    }
  },
  methods: {
    /**
     * 查看银行理财产品
     */
    goFunction(item) {
      console.log('功能跳转', item)
    },

    /**
     * 跳转至账户总览
     */
    goOverview() {
      console.log('页面跳转')
    },
  },
}
</script>

API

VxInvestmentHead Props

属性	说明	类型	默认值	备注
`income-info`	收益信息	`{lastEarning:String,totalPositionAmt:String}`	-	必传

VxInvestmentHead Events

@go-function(item)

点击图标进行相应的跳转

参数	说明	类型	备注
`item`	选中的表单信息	`Object`	包括 title，img，name name 作为跳转的路由

@overview()

点击查看详情按钮触发事件

Current Tags

0.0.7 ... latest (3 years ago)

1 Versions

0.0.7 ... 3 years ago