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>
</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
}]);