更新记录

1.2.1（2024-02-21）

更新说明

1.2.0（2024-02-03）

更新说明

1.1.0（2024-01-30）

新增配置信息

平台兼容性

jt-my-modal

使用说明

确认弹框，可配置输入框、选择按钮，方便使用，可覆盖原生导航栏、tabbar，根据自己需求修改ui样式

配置信息

在 pages.json 中注册页面

{
            "path": "uni_modules/jt-my-modal/components/jt-my-modal/jt-my-modal",
            "style": {
                "navigationStyle": "custom",
                "backgroundColor": "transparent",
                "disableSwipeBack": true,
                "app-plus": {
                    "animationType": "fade-in",
                    "background": "transparent",
                    "popGesture": "none"
                }
            }
        }

页面中使用

<template>
    <view>
        <view @tap="openModal">打开弹框</view>
    </view>
</template>

<script>
    export default {
        data() {
            return {

            }
        },
        onLoad() {
            // 监听弹框点击确定事件
            uni.$on('logout', data => {
                console.log(data);
                console.log('点击了确定');
            })
            // 监听弹框点击取消事件
            uni.$on('cancel', data => {
                console.log(data);
                console.log('点击了取消');
            })
        },
        methods: {
            openModal() {
                const data = encodeURIComponent(JSON.stringify({
                    content: '确定退出登录吗',
                    isConfirmCallback: true,
                    confirmEmitName: 'logout',
                    isCancelCallback: true,
                    cancelEmitName: 'cancel'
                }))
                uni.navigateTo({
                    url: '/uni_modules/jt-my-modal/components/jt-my-modal/jt-my-modal?data=' + data
                })
            }
        }
    }
</script>