CommonTitle.vue 866 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. <!-- eslint-disable vue/multi-word-component-names -->
  2. <template>
  3. <div class="common-title flex justify-between">
  4. <div>
  5. <slot name="label">{{ label }}</slot>
  6. </div>
  7. <div class="common-title__value">
  8. <slot name="value">{{ value }}</slot>
  9. </div>
  10. </div>
  11. </template>
  12. <script lang="ts" setup>
  13. withDefaults(
  14. defineProps<{
  15. label: string;
  16. value?: string;
  17. }>(),
  18. {
  19. value: '/',
  20. }
  21. );
  22. defineEmits(['click']);
  23. </script>
  24. <style lang="less" scoped>
  25. @import '@/design/vent/color.less';
  26. .common-title {
  27. height: 30px;
  28. line-height: 30px;
  29. padding-left: 58px;
  30. box-sizing: border-box;
  31. background: url('@/assets/images/company/lentj.png') no-repeat center;
  32. background-size: 100% 100%;
  33. }
  34. .common-title__value {
  35. color: @vent-gas-primary-text;
  36. padding-right: 10px;
  37. }
  38. </style>