VanSkeleton.vue 631 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <template>
  2. <div style="display:inline;">
  3. <van-skeleton :row="5" :loading="skeLoad">
  4. <slot></slot>
  5. </van-skeleton>
  6. </div>
  7. </template>
  8. <script>
  9. import Vue from "vue";
  10. import { Skeleton } from "vant";
  11. Vue.use(Skeleton);
  12. export default {
  13. props: {
  14. skeLoad: {
  15. type: Boolean,
  16. default: false
  17. }
  18. },
  19. data() {
  20. return {};
  21. },
  22. components: {},
  23. watch: {},
  24. methods: {},
  25. created() {},
  26. mounted() {}
  27. };
  28. </script>
  29. <style scoped lang="less">
  30. /deep/ .van-skeleton__content {
  31. // height: 100%;
  32. padding: 0.3rem 0;
  33. .van-skeleton__row {
  34. height: 0.7rem;
  35. margin: 1.2rem 0;
  36. }
  37. }
  38. </style>