You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
41 lines
747 B
41 lines
747 B
<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>
|