diff --git a/src/views/widget/index.vue b/src/views/widget/index.vue
index 4d2aef3..3f0b0ca 100644
--- a/src/views/widget/index.vue
+++ b/src/views/widget/index.vue
@@ -5,7 +5,7 @@
         <div class="text-xl text-center">小工具</div>
       </template>
       <div class=" flex justify-around">
-        <n-card class="w-[45%] mt-4 h-20 bg-[#f3f4f5]" hoverable size="small" @click="handdleWidget(i)" v-for="i in widgets">
+        <n-card v-show="i.show" class="w-[45%] mt-4 h-20 bg-[#f3f4f5]" hoverable size="small" @click="handdleWidget(i)" v-for="i in widgets">
           <template #header>
             <div class="text-pp-500 text-center">{{ i.title }}</div>
           </template>
@@ -33,19 +33,20 @@
 import phone2qq from './component/phone2qq.vue';
 import qq2phone from './component/qq2phone.vue';
 //mark data
-const widgetSelect = ref(0);
-const comp = ref(markRaw(qq2phone));
-const title = ref('QQ号查手机号');
+const comp = ref(null);
+const title = ref('');
 const widgets = ref([{
   name: 'qq2phone',
   comp: markRaw(qq2phone),
   title: 'QQ号查手机号',
-  desc: "请勿乱用，打扰别人生活！"
+  desc: "请勿乱用，打扰别人生活！",
+  show: false
 }, {
   name: 'phone2qq',
   comp: markRaw(phone2qq),
   title: '手机号查QQ号',
-  desc: "请勿乱用，打扰别人生活！"
+  desc: "请勿乱用，打扰别人生活！",
+  show: false
 }]);