main.vue 749 B

12345678910111213141516171819202122232425262728293031323334
  1. <template>
  2. <view
  3. class="modal"
  4. :class="[animateClass]"
  5. :hidden="!actualValue"
  6. :style="{
  7. 'pointer-events':pointerEvents?'none':'',
  8. transition: duration+'ms ' +animateType,
  9. 'background-color': transparent?'transparent':background
  10. }"
  11. >
  12. <view
  13. class="modal-content"
  14. :class="[animateContentClass]"
  15. :style="{
  16. 'transition':(contentDuration || duration)+'ms '+(animateContentType || animateType),
  17. }"
  18. >
  19. <slot></slot>
  20. </view>
  21. </view>
  22. </template>
  23. <script>
  24. import mixins from './mixins/index';
  25. import props from "./props";
  26. export default {
  27. name: "modal",
  28. mixins,
  29. props
  30. }
  31. </script>
  32. <style scoped lang="scss" src="./style.scss"></style>