diff --git a/apps/web-test/src/views/dashboard/home/components/Output5/index.vue b/apps/web-test/src/views/dashboard/home/components/Output5/index.vue
index bbc2975e..219a2c49 100644
--- a/apps/web-test/src/views/dashboard/home/components/Output5/index.vue
+++ b/apps/web-test/src/views/dashboard/home/components/Output5/index.vue
@@ -1,19 +1,28 @@
 <template>
   <div class="custom-card w-[100%] h-[100%] flex flex-col">
-    <div class="card-name titlt-top">我的应用</div>
+    <div class="card-name titlt-top" v-if="isEdit"><div>我的应用</div><EditOutlined /></div>
+    <div class="card-name titlt-top" v-else >
+      <Input v-model:value="cardName" >
+        <template #addonAfter>
+          <CheckOutlined />
+        </template>
+      </Input></div>
     <GridGroup :list="data.childer" class="flex-1"></GridGroup>
   </div>
 </template>
 <script setup lang="ts">
-import { toRefs } from 'vue'
-import GridGroup from '../GridGroup/index.vue'
-
+import { toRefs ,ref} from 'vue'
+import GridGroup from '../GridGroup/index.vue';
+import { CheckOutlined,EditOutlined} from '@ant-design/icons-vue';
+import { Input } from 'ant-design-vue';
+let cardName = ref('我的应用')
 const props = defineProps({
   data: {
     type: Object,
     default: {}
   },
 })
+let isEdit = ref(true)
 console.log('propsprops', props.data);
 let { data } = toRefs(props);