Chengdong Zhang
0d0e10b97b
- Add tailwindcss v4 + @tailwindcss/vite to mall, shop-admin, admin - Add @vmall/shared/theme.css tokens with html[data-accent] presets - Add @vmall/ui kit (VBtn/VBadge/VField/VInput/VCard/VPanel/VTable/VPage, VAccentSwatch, useAccent) as a Nuxt module - Convert all three apps to kit + utilities; delete ui.css/mall.css and every <style scoped>; consoles get accent presets, mall locked to red - Fix VCard boolean prop default (padding) and PDP/store stale useAsyncData keys on param navigation - Archive adopt-tailwind-design-system; new frontend-ui capability spec
43 lines
1.4 KiB
Vue
43 lines
1.4 KiB
Vue
<script setup lang="ts">
|
|
const { t } = useI18n();
|
|
const visible = ref(false);
|
|
|
|
function onScroll(): void {
|
|
visible.value = window.scrollY > 400;
|
|
}
|
|
|
|
function toTop(): void {
|
|
window.scrollTo({ top: 0, behavior: "smooth" });
|
|
}
|
|
|
|
onMounted(() => {
|
|
onScroll();
|
|
window.addEventListener("scroll", onScroll, { passive: true });
|
|
});
|
|
onBeforeUnmount(() => window.removeEventListener("scroll", onScroll));
|
|
</script>
|
|
|
|
<template>
|
|
<footer class="bg-surface pt-2 text-center">
|
|
<div class="mx-auto max-w-mall px-4">
|
|
<ul class="mx-auto mt-10 flex w-full max-w-[720px] list-none justify-between border-t border-border pt-10 text-sm text-text">
|
|
<li>{{ t("shell.footer.v1") }}</li>
|
|
<li>{{ t("shell.footer.v2") }}</li>
|
|
<li>{{ t("shell.footer.v3") }}</li>
|
|
<li>{{ t("shell.footer.v4") }}</li>
|
|
</ul>
|
|
<div class="pb-5 pt-[30px] text-[12px] leading-7 text-muted">
|
|
<p class="m-0">{{ t("shell.footer.copyright") }}</p>
|
|
<p class="m-0">{{ t("shell.footer.icp") }}</p>
|
|
</div>
|
|
</div>
|
|
<button
|
|
v-show="visible"
|
|
class="fixed bottom-[60px] right-10 z-[800] h-11 w-11 rounded-md border border-border bg-surface text-lg text-muted transition-colors hover:border-primary hover:bg-primary hover:text-white"
|
|
type="button"
|
|
:aria-label="t('shell.backToTop')"
|
|
@click="toTop"
|
|
>↑</button>
|
|
</footer>
|
|
</template>
|