mirror of
https://gitee.com/dromara/go-view.git
synced 2025-04-06 03:58:04 +08:00
30 lines
702 B
Vue
30 lines
702 B
Vue
<template>
|
|
<div v-show="load">
|
|
<div v-show="repeat == 1">
|
|
<n-skeleton v-bind="$attrs"></n-skeleton>
|
|
</div>
|
|
<div v-show="repeat == 2">
|
|
<n-skeleton v-bind="$attrs"></n-skeleton>
|
|
<n-skeleton v-bind="$attrs" style="width: 60%;"></n-skeleton>
|
|
</div>
|
|
<div v-show="repeat > 2">
|
|
<n-skeleton v-bind="$attrs" :repeat="repeat - 2"></n-skeleton>
|
|
<n-skeleton v-bind="$attrs" style="width: 60%;"></n-skeleton>
|
|
<n-skeleton v-bind="$attrs" style="width: 50%;"></n-skeleton>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
defineProps({
|
|
repeat: {
|
|
type: Number,
|
|
default: 1
|
|
},
|
|
load: {
|
|
type: Boolean,
|
|
default: true
|
|
}
|
|
})
|
|
</script>
|