imageDialog.vue 860 B

12345678910111213141516171819202122232425262728293031323334353637
  1. <template>
  2. <uni-popup ref="passwordPopup" :animation="false" :is-mask-click="false"
  3. mask-background-color="rgba(0, 0, 0, 0.4)">
  4. <view class="phone-common-dialog">
  5. <view class="common-body-box">
  6. <view class="common-title">二维码</view>
  7. <img src="@/static/images/erweima.png" class="code-img"/>
  8. <view class="common-btn-box">
  9. <view class="confirm-btn" @click="handleClose">关闭</view>
  10. </view>
  11. </view>
  12. </view>
  13. </uni-popup>
  14. </template>
  15. <script setup>
  16. import * as myApi from "@/api/my.js";
  17. import {ref,reactive} from "vue"
  18. const passwordPopup = ref(null); // 索引
  19. // 打开弹窗
  20. function handleShow() {
  21. passwordPopup.value.open();
  22. }
  23. // 取消
  24. function handleClose() {
  25. passwordPopup.value.close();
  26. }
  27. defineExpose({
  28. handleShow,
  29. handleClose
  30. })
  31. </script>
  32. <style>
  33. </style>