DialogInputAttachedAttrs.vue 797 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <template>
  2. <div>
  3. <slot name="left"></slot>
  4. <div class="dialog-input-attach-attrs-container">
  5. <BtnIframeChujuan />
  6. </div>
  7. <slot name="right"></slot>
  8. </div>
  9. </template>
  10. <script setup>
  11. import { ref, onMounted, onUnmounted } from 'vue';
  12. import BtnIframeChujuan from '../btn-iframe-chujuan/BtnIframeChujuan.vue';
  13. const props = defineProps({});
  14. const emit = defineEmits(['submit', 'sizeChange']);
  15. onMounted(() => {});
  16. onUnmounted(() => {});
  17. </script>
  18. <style lang="css" scoped>
  19. .dialog-input-attach-attrs-container {
  20. display: flex;
  21. flex-direction: column;
  22. border-radius: 12px;
  23. padding-left: 30px;
  24. padding-right: 30px;
  25. padding-bottom: 18px;
  26. padding-top: 18px;
  27. background-color: var(--color-bg-1);
  28. color: var(--color-text-1);
  29. flex-grow: 1;
  30. }
  31. </style>