diff --git a/apps/web-antd/src/components/card/card-title.vue b/apps/web-antd/src/components/card/card-title.vue
new file mode 100644
index 000000000..96b1ca07d
--- /dev/null
+++ b/apps/web-antd/src/components/card/card-title.vue
@@ -0,0 +1,33 @@
+<script lang="ts" setup>
+interface Props {
+  title: string;
+}
+
+defineProps<Props>();
+</script>
+
+<template>
+  <span class="card-title">{{ title }}</span>
+</template>
+
+<style scoped>
+.card-title {
+  position: relative;
+  padding-left: 12px;
+  font-size: 14px;
+  font-weight: 600;
+}
+
+.card-title::before {
+  position: absolute;
+  top: 50%;
+  left: 0;
+  display: inline-block;
+  width: 3px;
+  height: 14px;
+  content: '';
+  background: #1890ff;
+  border-radius: 2px;
+  transform: translateY(-50%);
+}
+</style>
diff --git a/apps/web-antd/src/components/card/index.ts b/apps/web-antd/src/components/card/index.ts
new file mode 100644
index 000000000..d2f875a5a
--- /dev/null
+++ b/apps/web-antd/src/components/card/index.ts
@@ -0,0 +1 @@
+export { default as CardTitle } from './card-title.vue';
diff --git a/apps/web-antd/src/views/erp/home/components/TimeSummaryChart.vue b/apps/web-antd/src/views/erp/home/components/TimeSummaryChart.vue
index c981d11c9..831e33f80 100644
--- a/apps/web-antd/src/views/erp/home/components/TimeSummaryChart.vue
+++ b/apps/web-antd/src/views/erp/home/components/TimeSummaryChart.vue
@@ -9,6 +9,8 @@ import { EchartsUI, useEcharts } from '@vben/plugins/echarts';
 
 import { Card } from 'ant-design-vue';
 
+import { CardTitle } from '#/components/card';
+
 interface Props {
   title: string;
   value?: Array<{ price: number; time: string }>;
@@ -112,9 +114,9 @@ watch(
 <template>
   <Card>
     <template #title>
-      {{ title }}
+      <CardTitle :title="title" />
     </template>
     <!-- 折线图 -->
-    <EchartsUI ref="chartRef" :height="300" />
+    <EchartsUI ref="chartRef" />
   </Card>
 </template>