fuWuNeiRong.vue 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. <template>
  2. <uni-collapse ref="collapse" class="fwnr-collapse-box" @change="handleChange">
  3. <uni-collapse-item title="服务内容" :open="true">
  4. <!-- 一般家务 -->
  5. <jiawuItemVue></jiawuItemVue>
  6. <!-- 辅助照顾小孩 -->
  7. <fuzhuXiaohai @change="onChange"></fuzhuXiaohai>
  8. <!-- 全职照顾小孩 -->
  9. <quanzhiXiaohai @change="onChange"></quanzhiXiaohai>
  10. <!-- 照顾老人 -->
  11. <zhaoguLaoren @change="onChange"></zhaoguLaoren>
  12. <!-- 照顾病人 -->
  13. <zhaoguBingren></zhaoguBingren>
  14. <!-- 孕妇 -->
  15. <zhaoguYunfu></zhaoguYunfu>
  16. <!-- 其他服务内容 -->
  17. <qitaFuwu></qitaFuwu>
  18. </uni-collapse-item>
  19. </uni-collapse>
  20. </template>
  21. <script setup>
  22. import jiawuItemVue from './jiawuItem.vue';
  23. import fuzhuXiaohai from './fuzhuXiaohai.vue';
  24. import quanzhiXiaohai from "./quanzhiXiaohai.vue";
  25. import zhaoguLaoren from "./zhaoguLaoren.vue";
  26. import zhaoguBingren from "./zhaoguBingren.vue";
  27. import zhaoguYunfu from "./zhaoguYunfu.vue";
  28. import qitaFuwu from "./qitaFuwu.vue"
  29. import {ref} from "vue"
  30. const emits = defineEmits(['change'])
  31. const collapse= ref(null)
  32. function handleChange() {
  33. emits('change')
  34. }
  35. function onChange() {
  36. setTimeout(() => {
  37. collapse.value && collapse.value.resize();
  38. emits('change')
  39. }, 300)
  40. }
  41. </script>
  42. <style>
  43. </style>