welcomeModal.js

const WelcomeModal = {
    init: function () {
        // 页面加载完成后 1秒 弹出
        setTimeout(() => {
            this.showWelcomeModal();
        }, 1000);
    },

    // 生成弹窗HTML
    getModalHtml: function () {
        // 这里的 IP 和 时间 你可以从后台 TT 变量里传
        // 我先给你写死，你后台传值我再帮你替换
        return `
        <div class="modal fade welcome-modal" tabindex="-1" role="dialog">
            <div class="modal-dialog modal-sm" role="document">
                <div class="modal-content">
                    <div class="modal-body text-center" style="padding:30px 20px;">
                        <h4 style="margin-bottom:15px;">👋 欢迎回来！</h4>
                        <p style="margin-bottom:5px;">登录 IP：${TT.loginIp || '未知'}</p>
                        <p style="color:#999;">本次登录：${TT.loginTime || '刚刚'}</p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" data-dismiss="modal">确定</button>
                    </div>
                </div>
            </div>
        </div>
        `;
    },

    // 显示弹窗
    showWelcomeModal: function () {
        // 如果未登录，不弹出
        if (!TT.uid || TT.uid == 0) {
            return;
        }

        // 插入到 body
        jQuery('body').append(this.getModalHtml());

        // 调用 Bootstrap 弹窗
        jQuery('.welcome-modal').modal({
            backdrop: 'static',
            keyboard: false,
            show: true
        });
    }
};

export default WelcomeModal;

import WelcomeModal from './modules/welcomeModal'; // 顶部加
WelcomeModal.init();