sklineTemp.vue 756 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. <template>
  2. <view class="empty-bar">
  3. <image mode="aspectFit" :style="{width:iconSize+'px',height:iconSize+'px'}" :src="src"></image>
  4. <view>{{text}}</view>
  5. </view>
  6. </template>
  7. <script>
  8. export default {
  9. name: "sklineTemp",
  10. props: {
  11. src: {
  12. type: String,
  13. default: '/static/nodata.png'
  14. },
  15. text: {
  16. type: String,
  17. default: '暂无数据'
  18. },
  19. iconSize: {
  20. type: Number,
  21. default: 100
  22. }
  23. },
  24. data() {
  25. return {
  26. };
  27. }
  28. }
  29. </script>
  30. <style lang="less">
  31. .empty-bar{
  32. display: flex;
  33. flex-direction: column;
  34. align-items: center;
  35. justify-content: center;
  36. padding: 20px 0;
  37. image{
  38. width: 100px;
  39. height: 100px;
  40. }
  41. view{
  42. font-size: 14px;
  43. color: #999999;
  44. margin-top: 10px;
  45. }
  46. }
  47. </style>