You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
paopao-ce/web/src/components/message-skeleton.vue

32 lines
582 B

<template>
<div class="skeleton-item" v-for="i in new Array(num)" :key="i">
<div class="content">
<n-skeleton text :repeat="2" />
<n-skeleton text style="width: 60%" />
</div>
</div>
</template>
<script setup lang="ts">
const props = withDefaults(defineProps<{
num: number
}>(), {
num: 1
});
</script>
<style lang="less" scoped>
.skeleton-item {
padding: 12px;
display: flex;
.content {
width: 100%;
}
}
.dark {
.skeleton-item {
background-color: rgba(16, 16, 20, 0.75);
}
}
</style>