uni-app、百度小程序、微信小程序、骨架屏

最近用uni-app做了一款《中国好故事》百度小程序、h5、微信小程序三个版本，正在上线阶段，

所以有时间最近总结一下遇到的问题

百度小程序白屏总是拒绝审核通过，所以新学习了一下骨架屏，看了众多资料，总结就是一句话：
copy一份与数据展示页（以下称为真实页面）全等的一个静态页面（以下称为复制页面）。

ps：当然复制页面中的内容框的宽高和位置可以动态的从真实页面获取，但这个时间节点是真实页面加载数据展示之前，以此来替换白屏，使用复制页面去等待数据加载的过程。

难点：复制页的布局与获取宽高的问题。

上代码：

引入组件  ：

import Skeleton from '@/components/skeleton/index.vue'

页面引入组件：

          :loading="loading"
          :avatarSize="skeleton1.avatarSize"
          :row="skeleton1.row"
            :showAvatar="skeleton1.showAvatar"
          :showTitle="skeleton1.showTitle"
    >

 

data{

  skeleton1: {
        avatarSize: '52px',
        row: 1,
        showAvatar: true,
        showTitle: false,
      },

}

该组件内容：