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