feat: build UI

This commit is contained in:
Viet An
2026-04-09 17:20:47 +07:00
parent bcfda00993
commit 631527225e
36 changed files with 11305 additions and 1123 deletions

View File

@@ -3,17 +3,17 @@
<TopMenu @changetab="changeTab" />
</ClientOnly>
<ClientOnly>
<div class="container blockdiv" style="padding-bottom: 0">
<div class="fsb-18 mb-2 has-text-black" v-if="tab">
<div class="container blockdiv has-text-text-20">
<div class="fs-17 font-semibold mb-2 is-flex is-align-items-center is-gap-1" v-if="tab">
<template v-if="subtab">
<span>{{ tab[$store.lang] }}</span>
<SvgIcon class="mx-2" v-bind="{ name: 'right.svg', size: 17, type: 'has-text-black' }"></SvgIcon>
<SvgIcon class="mx-2" v-bind="{ name: 'right.svg', size: 17, type: 'has-text-black' }"></SvgIcon>
<span>{{ subtab[$store.lang] }}</span>
</template>
<span v-else>{{ tab[$store.lang] }}</span>
<a class="ml-3" @click="refresh()">
<SvgIcon v-bind="{name: 'refresh.svg', type: 'primary', size: 20}"></SvgIcon>
</a>
<button class="button is-primary is-light rounded-full p-1" @click="refresh()">
<Icon name="material-symbols:refresh-rounded" :size="24" />
</button>
</div>
<KeepAlive>
<component :is="componentMap[vbind.component]" v-bind="vbind" :key="componentKey" v-if="componentKey" />