youzitree/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

小工具

Browse Source
This commit is contained in:
heixinyouzi 2024-11-05 08:00:40 +08:00
parent 958923eab3
commit 7aef427bd9
1 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/views/widget/index.vue
View File

@ -5,7 +5,7 @@
<div class="text-xl text-center">小工具</div> <div class="text-xl text-center">小工具</div>
</template> </template>
<div class=" flex justify-around"> <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> <template #header>
<div class="text-pp-500 text-center">{{ i.title }}</div> <div class="text-pp-500 text-center">{{ i.title }}</div>
</template> </template>
@ -33,19 +33,20 @@
import phone2qq from './component/phone2qq.vue'; import phone2qq from './component/phone2qq.vue';
import qq2phone from './component/qq2phone.vue'; import qq2phone from './component/qq2phone.vue';
//mark data //mark data
const widgetSelect = ref(0); const comp = ref(null);
const comp = ref(markRaw(qq2phone)); const title = ref('');
const title = ref('QQ号查手机号');
const widgets = ref([{ const widgets = ref([{
name: 'qq2phone', name: 'qq2phone',
comp: markRaw(qq2phone), comp: markRaw(qq2phone),
title: 'QQ号查手机号', title: 'QQ号查手机号',
desc: "请勿乱用，打扰别人生活！" desc: "请勿乱用，打扰别人生活！",
show: false
}, { }, {
name: 'phone2qq', name: 'phone2qq',
comp: markRaw(phone2qq), comp: markRaw(phone2qq),
title: '手机号查QQ号', title: '手机号查QQ号',
desc: "请勿乱用，打扰别人生活！" desc: "请勿乱用，打扰别人生活！",
show: false
}]); }]);