diff --git a/jero-web/src/components/NumberInfo/NumberInfo.vue b/jero-web/src/components/NumberInfo/NumberInfo.vue
deleted file mode 100644
index 81508780b..000000000
--- a/jero-web/src/components/NumberInfo/NumberInfo.vue
+++ /dev/null
@@ -1,54 +0,0 @@
-<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>
\ No newline at end of file
diff --git a/jero-web/src/components/NumberInfo/index.js b/jero-web/src/components/NumberInfo/index.js
deleted file mode 100644
index a471501ab..000000000
--- a/jero-web/src/components/NumberInfo/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import NumberInfo from './NumberInfo'
-
-export default NumberInfo
\ No newline at end of file
diff --git a/jero-web/src/components/NumberInfo/index.less b/jero-web/src/components/NumberInfo/index.less
deleted file mode 100644
index 719113da9..000000000
--- a/jero-web/src/components/NumberInfo/index.less
+++ /dev/null
@@ -1,55 +0,0 @@
-@import "../index";
-
-@numberInfo-prefix-cls: ~"@{ant-pro-prefix}-number-info";
-
-.@{numberInfo-prefix-cls} {
-
-  .ant-pro-number-info-subtitle {
-    color: @text-color-secondary;
-    font-size: @font-size-base;
-    height: 22px;
-    line-height: 22px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    word-break: break-all;
-    white-space: nowrap;
-  }
-
-  .number-info-value {
-    margin-top: 4px;
-    font-size: 0;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    word-break: break-all;
-    white-space: nowrap;
-
-    & > span {
-      color: @heading-color;
-      display: inline-block;
-      line-height: 32px;
-      height: 32px;
-      font-size: 24px;
-      margin-right: 32px;
-    }
-
-    .sub-total {
-      color: @text-color-secondary;
-      font-size: @font-size-lg;
-      vertical-align: top;
-      margin-right: 0;
-      i {
-        font-size: 12px;
-        transform: scale(0.82);
-        margin-left: 4px;
-      }
-      :global {
-        .anticon-caret-up {
-          color: @red-6;
-        }
-        .anticon-caret-down {
-          color: @green-6;
-        }
-      }
-    }
-  }
-}
\ No newline at end of file
diff --git a/jero-web/src/views/Home.vue b/jero-web/src/views/Home.vue
index c9cab99cc..185c587fd 100644
--- a/jero-web/src/views/Home.vue
+++ b/jero-web/src/views/Home.vue
@@ -95,17 +95,6 @@
         fourth incident in September, according to the safety recall report. After meeting with US regulators in October, the firm decided to issue a voluntary recall.
       </ellipsis>
     </a-card>
-
-    <h2># NumberInfo 组件 </h2>
-
-    <a-divider> NumberInfo </a-divider>
-    <a-card>
-      <number-info
-        :sub-title="() => { return 'Visits this week' }"
-        :total="12321"
-        status="up"
-        :sub-total="17.1"></number-info>
-    </a-card>
   </div>
 </template>
 
@@ -116,14 +105,12 @@
   import AvatarList from '@/components/AvatarList'
   import CountDown from '@/components/CountDown/CountDown'
   import Ellipsis from '@/components/Ellipsis'
-  import NumberInfo from '@/components/NumberInfo'
 
   const AvatarListItem = AvatarList.AvatarItem
 
   export default {
     name: 'Home',
     components: {
-      NumberInfo,
       Ellipsis,
       CountDown,
       Trend,