questionJiexi.vue 704 B

123456789101112131415161718192021222324252627282930313233343536
  1. <template>
  2. <uni-popup ref="popupRef" background-color="#fff" type="left" class="popup-container">
  3. <button @click="handleBack">返回</button>
  4. <view class="popup-content">
  5. <text class="text">popup 内容</text>
  6. <!-- 思路分析 -->
  7. <view> {{data.answer}}</view>
  8. <!-- 视频讲解 -->
  9. <view>
  10. {{data.jiangjie}}
  11. </view>
  12. </view>
  13. </uni-popup>
  14. </template>
  15. <script setup>
  16. import { ref,unref } from "vue";
  17. const popupRef = ref(null)
  18. let data = {};
  19. function showPopup(item) {
  20. data = item;
  21. popupRef.value.open()
  22. }
  23. function handleBack() {
  24. popupRef.value.close()
  25. }
  26. defineExpose({showPopup})
  27. </script>
  28. <style lang="scss">
  29. .popup-content {
  30. width: 100vw;
  31. }
  32. </style>