okam-skeleton v0.0.9

Skeleton 组件

概述

小程序骨架屏

使用指南

• 引入：在 Okam 文件中引入 声明组件

import Skeleton from 'okam-skeleton/Skeleton';
import Placeholder from 'okam-skeleton/Placeholder';
// 若使用zw-lab
// import Skeleton from '@baidu/zw-lib/src/components/Skeleton/Skeleton';
// import Placeholder from '@baidu/zw-lib/src/components/Skeleton/Placeholder';
export default {
    components: {
        Skeleton,
        Placeholder
    }
};

• 使用：在 Okam 文件中使用组件

<skeleton :loading="listLoading" fade :active="showActive">
    <div slot="placeholder" >
        <placeholder
            title
            title-width="30%"
            avatar
            size="small"
            shape="circle"
            align="center"
            :rows="1"
            rows-width="100%"
            split
        ></placeholder>
    </div>
</skeleton>

API

参数

插槽

事件

示例

CustomBarPage