listSkeleton.vue 892 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. <template>
  2. <view class="skeleton-template">
  3. <image :src="setSrc" mode="widthFix"></image>
  4. </view>
  5. </template>
  6. <script>
  7. var self;
  8. export default{
  9. props:{
  10. listType:{
  11. type:Number,
  12. default: 0
  13. },
  14. src: {
  15. type: String,
  16. default: 'empty'
  17. }
  18. },
  19. data() {
  20. return{
  21. skeletonList: {
  22. empty: 'https://img.caimei365.com/group1/M00/03/71/Cmis2F3wna6AaQCxAAB0ju39mYk608.png',
  23. },
  24. skeletonMemList: {
  25. empty: 'https://img.caimei365.com/group1/M00/03/72/Cmis2F3xt_CALrJcAAEE4AHIZ1g310.png',
  26. },
  27. }
  28. },
  29. created(){
  30. },
  31. computed: {
  32. setSrc() {
  33. let url;
  34. if(this.listType== 0){
  35. url = this.skeletonList[this.src]
  36. }else{
  37. url = this.skeletonMemList[this.src]
  38. }
  39. return url;
  40. },
  41. },
  42. }
  43. </script>
  44. <style lang="scss">
  45. .skeleton-template {
  46. image {
  47. width: 100%;
  48. height: 100%;
  49. }
  50. }
  51. </style>