eggDialog.vue 659 B

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