39 lines
1.1 KiB
Vue
39 lines
1.1 KiB
Vue
<template>
|
|
<ciy-header title="ciy-skeleton样式"></ciy-header>
|
|
<view class="ciy-card">
|
|
<view class="title">骨架屏</view>
|
|
<view class="content">
|
|
.ciy-skeleton
|
|
</view>
|
|
</view>
|
|
<view class="px4 py4">
|
|
<view style="height:2em;width:60%;" class="ciy-skeleton"></view>
|
|
<view style="height:1em;width:40%;margin-left:1em;" class="ciy-skeleton"></view>
|
|
<view style="height:1em;width:50%;" class="ciy-skeleton"></view>
|
|
<view style="height:6em;width:100%;" class="ciy-skeleton"></view>
|
|
<view class="flex" style="width:100%;justify-content: space-between;">
|
|
<view style="height:3em;width:17%;" class="ciy-skeleton"></view>
|
|
<view style="height:3em;width:17%;" class="ciy-skeleton"></view>
|
|
<view style="height:3em;width:17%;" class="ciy-skeleton"></view>
|
|
<view style="height:3em;width:17%;" class="ciy-skeleton"></view>
|
|
<view style="height:3em;width:17%;" class="ciy-skeleton"></view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<style>
|
|
</style>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
init: {},
|
|
}
|
|
},
|
|
onLoad() {
|
|
},
|
|
methods: {
|
|
}
|
|
}
|
|
</script> |