0.1.5 • Published 6 years ago

@forzoom/popup v0.1.5

Weekly downloads
8
License
MIT
Repository
github
Last release
6 years ago

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

keyvalue
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文件
0.1.5

6 years ago

0.1.4

6 years ago

0.1.3

6 years ago

0.1.2

6 years ago

0.1.1

6 years ago

0.1.0

6 years ago

0.0.6

6 years ago

0.0.5

6 years ago

0.0.4

6 years ago

0.0.3

6 years ago

0.0.2

6 years ago

0.0.1

6 years ago