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
11 lines
392 B
Vue
11 lines
392 B
Vue
<script setup lang="ts">
|
|
const props = withDefaults(defineProps<{ value: number; size?: number }>(), { size: 14 });
|
|
const stars = computed(() => [1, 2, 3, 4, 5].map((i) => i <= Math.round(props.value)));
|
|
</script>
|
|
|
|
<template>
|
|
<span :style="{ fontSize: `${size}px` }">
|
|
<span v-for="(on, i) in stars" :key="i" :class="on ? 'text-primary' : 'text-[#ddd]'">★</span>
|
|
</span>
|
|
</template>
|