eggDialog.vue 695 B

123456789101112131415161718192021222324252627282930
  1. <template>
  2. <uni-popup ref="eggPopup" :animation="false" :is-mask-click="false"
  3. mask-background-color="rgba(255, 255, 255, 0.6);">
  4. <view class="study-egg-dialog">
  5. <view class="egg-content-box">
  6. <view class="egg-title"></view>
  7. <view class="egg-img"></view>
  8. <view class="egg-btn" @click="eggBtn"></view>
  9. </view>
  10. </view>
  11. </uni-popup>
  12. </template>
  13. <script setup>
  14. import { ref } from 'vue';
  15. const $emit = defineEmits(['eggBtn'])
  16. const eggPopup = ref(null); // 索引
  17. // 打开弹窗
  18. function eggShow() {
  19. eggPopup.value.open();
  20. }
  21. // 开启提分之旅按钮
  22. function eggBtn(){
  23. eggPopup.value.close();
  24. $emit('eggBtn')
  25. }
  26. defineExpose({
  27. eggShow
  28. })
  29. </script>