12345678910111213141516171819202122232425262728293031323334 |
- <template>
- <view
- class="modal"
- :class="[animateClass]"
- :hidden="!actualValue"
- :style="{
- 'pointer-events':pointerEvents?'none':'',
- transition: duration+'ms ' +animateType,
- 'background-color': transparent?'transparent':background
- }"
- >
- <view
- class="modal-content"
- :class="[animateContentClass]"
- :style="{
- 'transition':(contentDuration || duration)+'ms '+(animateContentType || animateType),
- }"
- >
- <slot></slot>
- </view>
- </view>
- </template>
- <script>
- import mixins from './mixins/index';
- import props from "./props";
- export default {
- name: "modal",
- mixins,
- props
- }
- </script>
- <style scoped lang="scss" src="./style.scss"></style>
|