Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 | 24x 24x 24x 24x 24x 24x 24x 23x | <script setup lang="ts">
import { computed } from "vue";
import type { SkeletonBaseProps } from "../types";
const props = defineProps<SkeletonBaseProps>();
const w = computed(() =>
typeof props.width === "number" ? `${props.width}px` : props.width ?? "100%"
);
const h = computed(() =>
typeof props.height === "number" ? `${props.height}px` : props.height ?? "44px"
);
const r = computed(() =>
typeof props.radius === "number" ? `${props.radius}px` : props.radius ?? "10px"
);
</script>
<template>
<div
class="vslk-sk-shape vslk-sk-input"
:style="{ width: w, height: h, borderRadius: r }"
/>
</template>
<style scoped>
.vslk-sk-input {
min-width: 0;
}
</style> |