更新记录

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>

参数说明: