更新记录

1.0.0(2020-03-16) 下载此版本

可循环的骨架屏


平台兼容性

m-for-skeleton 使用说明

之前有一个骨架屏不过不适用循环列表 这个骨架屏是根据van-ui的想法来的


<template>
    <view class="skeleton">
        <m-for-skeleton
        :avatarSize="200"
        :row="3"
        :loading="loading"
        :isarc="key%2==0?'circular':'square'"
        v-for="(item,key) in 10"
        :key="key">
        <view>asdas</view>
        </m-for-skeleton>
        <button type="primary" @click="hide" size="mini">隐藏</button>
    </view>
</template>

<script>
// 导入组件
import mForSkeleton from "@/components/m-for-skeleton/m-for-skeleton";
export default {
  components: {
    mForSkeleton
  },
  data() {
    return {
      loading: true
    };
  },
  methods: {
    hide() {
      this.loading = false;
    }
  }
};
</script>

参数说明:

项目 类型 默认值 参数说明
loading Boolean true 是否显示
title Boolean true 是否显示标题
avatar Boolean true 是否显示头像
avatarSize Number、String 100 头像大小
isarc String square 头像类型circular:圆形、square:方形
titleSize Number、String 50% title宽度
titleStyle Object {} 标题sytle
row Number 1 title下面多少行
rowData Array、String "80%" 几行信息(每一行的宽度)

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问