mirror of
https://github.com/BTMuli/TeyvatGuide.git
synced 2025-12-18 10:18:14 +08:00
♻️ 素材日历 Overlay 材料组件优化
This commit is contained in:
23
src/components/itembox/tib-calendar-material.vue
Normal file
23
src/components/itembox/tib-calendar-material.vue
Normal file
@@ -0,0 +1,23 @@
|
||||
<template>
|
||||
<TItemBox2 v-model="box" />
|
||||
</template>
|
||||
<script lang="ts" setup>
|
||||
// vue
|
||||
import { computed } from "vue";
|
||||
import TItemBox2, { TItemBox2Data } from "../main/t-itembox-2.vue";
|
||||
|
||||
interface TMiniWeaponProps {
|
||||
item: TGApp.App.Calendar.Material;
|
||||
}
|
||||
const props = defineProps<TMiniWeaponProps>();
|
||||
const box = computed(() => {
|
||||
return {
|
||||
bg: props.item.bg,
|
||||
icon: props.item.icon,
|
||||
star: props.item.starIcon,
|
||||
width: "150px",
|
||||
height: "45px",
|
||||
name: props.item.name,
|
||||
} as TItemBox2Data;
|
||||
});
|
||||
</script>
|
||||
Reference in New Issue
Block a user