7 changed files with 18 additions and 51 deletions
@ -1,45 +0,0 @@ |
|||
<template> |
|||
<view> |
|||
<nav-bar title="骨架屏"></nav-bar> |
|||
<view class="content"> |
|||
基础用法 |
|||
<skeleton :row="3" animate :loading="loading"> |
|||
<view> content1 </view> |
|||
</skeleton> |
|||
显示 title |
|||
<skeleton :row="3" title animate :loading="loading"> |
|||
<view> content2 </view> |
|||
</skeleton> |
|||
显示头像(上面) |
|||
<skeleton :avatar="avatarTop" :row="3" animate :loading="loading" style="margin-top: 24rpx"> |
|||
<view> content3 </view> |
|||
</skeleton> |
|||
显示头像(左面) |
|||
<skeleton title :avatar="avatarLeft" :row="3" animate :loading="loading" style="margin-top: 24rpx"> |
|||
<view> content4 </view> |
|||
</skeleton> |
|||
显示banner |
|||
<skeleton banner :row="0" animate :loading="loading" style="margin-top: 24rpx"> |
|||
<view> content5 </view> |
|||
</skeleton> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
loading: true, // 是否显示骨架屏组件 |
|||
avatarTop: 'top', |
|||
avatarLeft: 'left', |
|||
}; |
|||
}, |
|||
onLoad() { |
|||
// 通过延时模拟向后端请求数据,调隐藏骨架屏 |
|||
setTimeout(() => { |
|||
this.loading = false; |
|||
}, 3000); |
|||
}, |
|||
}; |
|||
</script> |
@ -1 +0,0 @@ |
|||
Subproject commit 2603a0bc8b5036c399a5f28b93586072c4850c4b |
@ -0,0 +1,11 @@ |
|||
<template> |
|||
<web-view src="" /> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
onLoad(options) { |
|||
console.log('options: ', options); |
|||
}, |
|||
}; |
|||
</script> |
Loading…
Reference in new issue