<style scoped lang="stylus">
.skeleton
  width 100%
  height 100%
  background-color #fff
  text-align center
/* 兼容移动端展示 */
@media only screen and (min-width: 768px)
  .skeleton img
    width 30%
    margin-top 7%
@media only screen and (max-width: 768px)
  .skeleton img
    width 80%
    margin-top 30%
</style>

<template>
  <div class="skeleton">
    <img :src="data" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      data:
        "data:image/jpeg;base64,[encoded data, 220412 characters]"
    };
  }
};
</script>
