tm-no-data.vue 593 B

123456789101112131415161718192021222324252627282930313233343536
  1. <template>
  2. <view class="no-data">
  3. <image src="../../static/no-data.png"></image>
  4. <text v-for="(text, index) in textArr" :key="index">{{text}}</text>
  5. </view>
  6. </template>
  7. <script>
  8. export default {
  9. data() {
  10. return {
  11. };
  12. },
  13. props: ['textArr']
  14. }
  15. </script>
  16. <style lang="less">
  17. .no-data {
  18. display: flex;
  19. flex-direction: column;
  20. align-items: center;
  21. justify-content: center;
  22. width: 100%;
  23. height: 100%;
  24. font-size: 22.5rpx;
  25. line-height: 33.75rpx;
  26. color: #828899;
  27. >image {
  28. margin-bottom: 35rpx;
  29. width: 176.87rpx;
  30. height: 200.62rpx;
  31. }
  32. }
  33. </style>