<template> <div :class="[prefixCls]"> <slot name="subtitle"> <div :class="[`${prefixCls}-subtitle`]">{{ typeof subTitle === 'string' ? subTitle : subTitle() }}</div> </slot> <div class="number-info-value"> <span>{{ total }}</span> <span class="sub-total"> {{ subTotal }} <icon :type="`caret-${status}`"/> </span> </div> </div> </template> <script> import Icon from 'ant-design-vue/es/icon' export default { name: 'NumberInfo', props: { prefixCls: { type: String, default: 'ant-pro-number-info' }, total: { type: Number, required: true }, subTotal: { type: Number, required: true }, subTitle: { type: [String, Function], default: '' }, status: { type: String, default: 'up' } }, components: { Icon }, data() { return {} } } </script> <style lang="less"> @import "index"; </style>