50 lines
959 B
Vue
50 lines
959 B
Vue
<!--
|
|
## File: /src/pages/splashScreen/Scheme.vue
|
|
|
|
Project: uniapp_vue3_vite_ts
|
|
|
|
Created Date: 2024-09-05 10:45:49
|
|
|
|
Author: KuroSago
|
|
|
|
## Last Modified: 2024-09-05 10:45:49
|
|
|
|
Modified By: kurosago
|
|
|
|
## Copyright (c) 2024 self.
|
|
|
|
Use To: Scheme
|
|
-->
|
|
|
|
<script setup lang="ts">
|
|
import { defineComponent } from 'vue';
|
|
|
|
const props = defineProps<{
|
|
scheme: Record<string, any>
|
|
}>();
|
|
|
|
defineComponent({
|
|
name: 'Scheme',
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<div class="grid grid-cols-3 gap-[8px]">
|
|
<div
|
|
v-for="(v, k) in props.scheme"
|
|
:key="k" class="flex flex-col items-center justify-center "
|
|
>
|
|
<span class="text-ellipsis w-full overflow-hidden">{{ k }}</span>
|
|
<div
|
|
class="flex-1 w-full flex items-center justify-center transition-background-color duration-300"
|
|
:style="{
|
|
backgroundColor: v,
|
|
borderRadius: '8px',
|
|
}"
|
|
>
|
|
{{ v }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|