|
@@ -58,7 +58,11 @@ defineExpose({
|
|
|
<template>
|
|
|
<div class="flex-grow flex flex-col relative">
|
|
|
<template v-for="(it, index) in data" :key="index">
|
|
|
- <slot :item="it as UnwrapRef<T>" :index="index" :isLast="index == data.length - 1"></slot>
|
|
|
+ <slot
|
|
|
+ :item="it as UnwrapRef<T>"
|
|
|
+ :index="index"
|
|
|
+ :isLast="index == (data?.length ?? 0) - 1"
|
|
|
+ ></slot>
|
|
|
</template>
|
|
|
<div
|
|
|
class="construction-dashed absolute top-0 right-0 left-0 bottom-0 bg-red/20 flex items-center justify-center pointer-events-none"
|
|
@@ -69,12 +73,12 @@ defineExpose({
|
|
|
</template>
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
-@layer utilities {
|
|
|
- .construction-dashed {
|
|
|
- @apply relative border-4 border-black/50 border-dashed; /* 基础虚线样式 */
|
|
|
- animation: dashed-move 2s linear infinite; /* 虚线移动动画 */
|
|
|
- }
|
|
|
+//@layer utilities {
|
|
|
+.construction-dashed {
|
|
|
+ @apply border-4 border-black/50 border-dashed; /* 基础虚线样式 */
|
|
|
+ animation: dashed-move 2s linear infinite; /* 虚线移动动画 */
|
|
|
}
|
|
|
+//}
|
|
|
@keyframes dashed-move {
|
|
|
from {
|
|
|
border-spacing: 0;
|