load.vue 595 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <template>
  2. <uni-popup ref="popupRef" :isMaskClick="false" maskBackgroundColor="none">
  3. <view class="popup-box">
  4. <u-loading-icon :size="80" color="#fff"></u-loading-icon>
  5. </view>
  6. </uni-popup>
  7. </template>
  8. <script>
  9. export default {
  10. data() {
  11. return {
  12. };
  13. },
  14. mounted() {
  15. },
  16. methods: {
  17. open() {
  18. this.$nextTick(() => {
  19. this.$refs.popupRef.open()
  20. })
  21. },
  22. close() {
  23. this.$refs.popupRef.close()
  24. }
  25. }
  26. }
  27. </script>
  28. <style lang="scss" scoped>
  29. .popup-box {
  30. background-color: rgba(0, 0, 0, 0.4);
  31. border-radius: 20rpx;
  32. padding: 20rpx;
  33. }
  34. </style>