更新记录

1.1.0（2023-09-23） 下载此版本

改为Option API，支持VUE2

1.0.0（2023-09-16） 下载此版本

发布了组件

平台兼容性

gscosmos-dialog

GSCOSMOS·一款支持VUE3带动效的弹窗

style类型

Options 参数说明

Events 回调

使用说明

<template>
    <view class="content">
        <gscosmos-dialog 
        v-model="dialogData.visiable" 
        :endStyle="dialogData.endStyle" 
        :fromPoi="dialogData.fromPoi" 
        :title="'添加旅程规划'" 
        @closed="closed">
            <view class="content">
                弹窗的内容
            </view>
        </gscosmos-dialog>

        <view @click="dialogData.visiable = true">
            打开弹窗
        </view>
    </view>
</template>

<script lang="ts" setup>
import { reactive } from "vue";

const dialogData = reactive({
    visiable: false,
    fromPoi: ['0','0'],
    endStyle: {
        height: 50
    }
})

const closed = () => {
    console.log('关闭弹窗后的回调函数');
}

</script>