用户登陆弹窗

welcomeModal.js

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

    // 生成弹窗HTML
    getModalHtml: function () {
        // 这里的 IP 和 时间 你可以从后台 TT 变量里传
        // 我先给你写死，你后台传值我再帮你替换
        return `
        

            

                

                    

                        
👋 欢迎回来！
                        
登录 IP：${TT.loginIp || '未知'}
                        
本次登录：${TT.loginTime || '刚刚'}
                    
                    

                        确定
                    
                
            
        
        `;
    },

    // 显示弹窗
    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();