diff --git a/src/components/visualPerformance/index.vue b/src/components/visualPerformance/index.vue
index 292ba33c7d2d1bbea2649e035a85673f24719b06..e93f387bef65738074f0d94ea768f263f5924fd5 100644
--- a/src/components/visualPerformance/index.vue
+++ b/src/components/visualPerformance/index.vue
@@ -6,8 +6,12 @@ const state: any = reactive({
 </script>
 <template>
     <div>
-        <div>
-            {{ state.title }}
-        </div>
+
+        <a-card :title="state.title" style="width: 300px">
+            <div>
+                {{ state.title }}
+            </div>
+        </a-card>
+
     </div>
 </template>
\ No newline at end of file