H5-ThreeDoorder/components/skeleton-index/skeleton-index.vue

34 lines
848 B
Vue

<template>
<view>
<u-gap height="20"></u-gap>
<u-skeleton title loading titleWidth="20%"></u-skeleton>
<u-gap height="20"></u-gap>
<u-skeleton title loading titleWidth="100%" titleHeight="400rpx"></u-skeleton>
<view class="flex flex-space-between" style="padding: 30rpx;" v-for="(v,i) in ['1','1']" :key="i">
<view class="" style="width: 15%;" v-for="(item,index) in ['1','1','1','1','1']" :key="index">
<view style="padding-left: 14rpx;">
<u-skeleton avatarSize="80rpx" loading avatar :title="false">
</u-skeleton>
</view>
<u-gap height="10"></u-gap>
<u-skeleton title loading titleWidth="100%"></u-skeleton>
</view>
</view>
</view>
</template>
<script>
export default {
name:"skeleton-index",
data() {
return {
};
}
}
</script>
<style>
</style>