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
21 lines
647 B
Vue
21 lines
647 B
Vue
<script setup lang="ts">
|
|
defineProps<{ steps: string[]; active: number }>();
|
|
</script>
|
|
|
|
<template>
|
|
<ol class="mb-5 flex list-none border border-border bg-bg py-3.5">
|
|
<li
|
|
v-for="(s, i) in steps"
|
|
:key="s"
|
|
class="flex-1 text-center text-[13px] text-muted/70"
|
|
:class="i === active ? 'font-semibold text-primary' : ''"
|
|
>
|
|
<span
|
|
class="mr-2 inline-block h-[22px] w-[22px] rounded-full text-center text-[12px] leading-[22px] text-white"
|
|
:class="i < active ? 'bg-success' : i === active ? 'bg-primary' : 'bg-[#ddd]'"
|
|
>{{ i + 1 }}</span>
|
|
<span>{{ s }}</span>
|
|
</li>
|
|
</ol>
|
|
</template>
|