<template> <div :class="[prefixCls, reverseColor && 'reverse-color' ]"> <span> <slot name="term"></slot> <span class="item-text"> <slot></slot> </span> </span> <span :class="[flag]"><a-icon :type="`caret-${flag}`"/></span> </div> </template> <script> export default { name: "Trend", props: { prefixCls: { type: String, default: 'ant-pro-trend' }, /** * 上升下降标识:up|down */ flag: { type: String, required: true }, /** * 颜色反转 */ reverseColor: { type: Boolean, default: false } } } </script> <style lang="less" scoped> @import "index"; </style>