33 lines
642 B
Vue
33 lines
642 B
Vue
<template>
|
|
<view class="menu-box">
|
|
<wd-skeleton :row-col="grid" animation="gradient" />
|
|
</view>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
const props = defineProps<{
|
|
size?: any[],
|
|
count: number
|
|
}>()
|
|
const list = Array.from({ length: props.count }, (_, index) => (props.size || []))
|
|
|
|
const grid = [
|
|
[
|
|
{ width: '96rpx', height: '96rpx' },
|
|
{ width: '96rpx', height: '96rpx' },
|
|
{ width: '96rpx', height: '96rpx' },
|
|
{ width: '96rpx', height: '96rpx' }
|
|
]
|
|
]
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.menu-box {
|
|
padding: 40rpx 80rpx;
|
|
background-color: #f5f5f5;
|
|
|
|
:deep(.wd-skeleton) {
|
|
margin: 0 auto;
|
|
}
|
|
}
|
|
</style> |