31 lines
760 B
Vue
31 lines
760 B
Vue
<template>
|
|
<view>
|
|
<wd-skeleton :row-col="info" animation="gradient" />
|
|
</view>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
const info = [
|
|
{ width: '300rpx', height: '400rpx' },
|
|
{ width: '600rpx', height: '60rpx' },
|
|
{ width: '180rpx', height: '40rpx' },
|
|
[{ width: '180rpx', height: '120rpx' }, { width: '180rpx', height: '120rpx' }, { width: '180rpx', height: '120rpx' }],
|
|
{ width: '700rpx', height: '40rpx' },
|
|
{ width: '700rpx', height: '40rpx' },
|
|
{ width: '700rpx', height: '40rpx' },
|
|
{ width: '700rpx', height: '40rpx' }
|
|
]
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
:deep(.wd-skeleton__content) {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
|
|
.wd-skeleton__row {
|
|
gap: 20rpx;
|
|
}
|
|
}
|
|
</style> |