Install

npm install @forzoom/popup

Example

<template>
    <div>
        <Popup v-model="visible" position="center" mode="fixed" type="if" :modal="true">
            ...
        </Popup>
    </div>
</template>

<script>
    import {
        Popup,
    } from '@forzoom/popup';

    export default {
        components: {
            Popup,
        },
        data() {
            return {
                visible: false,
            };
        },
    };
</script>

<style>
    @import "./node_modules/popup/dist/popup.css";
</style>

Props

key | value --- | --- value|是否显示，可以是true/false position|位置，可以是bottom/center/top mode|固定方式，可以是fixed/absolute type|显示方式，可以是if/show modal|是否模态，可以是true/false fitIphonex(false)|是否适配iphonex containerClass|"容器"样式类 containerStyle|"容器"样式 contentClass|"内容"样式类 contentStyle|"容器"样式

Version

0.0.1

1. 添加基础功能

0.0.2

1. 添加popup-fade动画

0.0.3

1. 适配iphoneX
2. 修改样式名称

0.0.4

1. 修改原本content元素中的.stop效果

0.0.5

1. 适配iphonex

0.0.6

1. 修复适配iphonex错误

0.1.3

1. 换用rollup替换webpack进行打包，输出cjs和es格式，同时输出一个css文件

0.1.4

1. popup添加fitIphonex属性用来决定是否对于iphonex进行适配

0.1.5

1. 修复popup中使用const的问题

Changelog

0.0.3

1. 修改样式名称: popup-container -> ro-popup-container

0.1.5

1. 换用rollup替换webpack进行打包，输出cjs和es格式，同时输出一个css文件