fumiama/sekusu
1
0
Fork 0
mirror of https://github.com/fumiama/sekusu.git synced 2026-07-01 01:10:28 +08:00
Code Activity

feat: simpler card

Browse Source
This commit is contained in:
源文雨
2024-02-22 03:22:03 +09:00
parent e9f26bfd52
commit c5cc48a8aa
2 changed files with 37 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
components.d.ts vendored
View File

@@ -14,6 +14,7 @@ declare module 'vue' {
VarChip: typeof import('@varlet/ui')['_ChipComponent'] VarChip: typeof import('@varlet/ui')['_ChipComponent']
VarCol: typeof import('@varlet/ui')['_ColComponent'] VarCol: typeof import('@varlet/ui')['_ColComponent']
VarIcon: typeof import('@varlet/ui')['_IconComponent'] VarIcon: typeof import('@varlet/ui')['_IconComponent']
VarPaper: typeof import('@varlet/ui')['_PaperComponent']
VarRow: typeof import('@varlet/ui')['_RowComponent'] VarRow: typeof import('@varlet/ui')['_RowComponent']
} }
} }

64
src/App.vue
View File

@@ -18,6 +18,29 @@ function nav2(l: string) {
window.location.href = l window.location.href = l
} }
const contents = [
{
title: "CMoe-Counter",
desc: "多种风格的萌萌计数器",
link: "https://counter.seku.su"
},
{
title: "Emozi",
desc: "颜文字汉字抽象转写器",
link: "https://emozi.seku.su"
},
{
title: "Words-Away",
desc: "误屏蔽词绕过检测工具",
link: "https://words-away.seku.su"
},
{
title: "Gitea",
desc: "自建同步用版本管理站",
link: "https://gitea.seku.su"
}
]
</script> </script>
<template> <template>
@@ -58,42 +81,19 @@ function nav2(l: string) {
</var-row> </var-row>
</var-cell> </var-cell>
<var-cell class="content-container"> <var-cell class="content-container">
<var-row :gutter="[0, 32]"> <var-row :gutter="[32, 32]">
<var-col :span="8" align="center" justify="center"> <var-col v-for="(item, i) in contents" :key="i"
<var-card :xs="24" :sm="24/contents.length" :md="24/contents.length" :lg="24/contents.length" :xl="24/contents.length"
title="CMoe-Counter" align="center" justify="center">
subtitle="多种风格的萌萌计数器" <var-paper :elevation="2" :radius="8" >
> <var-cell :title="item.title" :description="item.desc">
<template #extra> <template #extra>
<var-button text round @click="nav2('https\://counter.seku.su')"> <var-button text round @click="nav2(item.link)">
<var-icon name="chevron-right" /> <var-icon name="chevron-right" />
</var-button> </var-button>
</template> </template>
</var-card> </var-cell>
</var-col> </var-paper>
<var-col :span="8" align="center" justify="center">
<var-card
title="Emozi"
subtitle="颜文字汉字抽象转写器"
>
<template #extra>
<var-button text round @click="nav2('https\://emozi.seku.su')">
<var-icon name="chevron-right" />
</var-button>
</template>
</var-card>
</var-col>
<var-col :span="8" align="center" justify="center">
<var-card
title="Words-Away"
subtitle="误屏蔽词绕过检测工具"
>
<template #extra>
<var-button text round @click="nav2('https\://words-away.seku.su')">
<var-icon name="chevron-right" />
</var-button>
</template>
</var-card>
</var-col> </var-col>
</var-row> </var-row>
</var-cell> </var-cell>