|
@@ -1,54 +1,54 @@
|
|
|
-<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" scoped>
|
|
|
- @import "index";
|
|
|
+<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" scoped>
|
|
|
+ // @import "index";
|
|
|
</style>
|