【第1步】备份原有文件

    如果有同名文件，请先备份

【第2步】上传文件

    将 skin 文件夹上传到网站根目录

【第3步】引入CSS和JS

    在页脚模板（通常是 foot.htm 或 footer.htm）的 </body> 标签前添加：

    <!-- 弹出登录注册插件 -->

    <link rel="stylesheet" href="/skin/shortcut/css/quick.css" />

    <scri-pt src="/skin/shortcut/js/login.js"></scri-pt>

    <scri-pt src="/skin/shortcut/js/register.js"></scri-pt>

【第4步】添加触发按钮

    在需要显示登录/注册按钮的地方添加 c-lass="quick__button"

    示例1 - 文字按钮：

    <a c-lass="quick__button" href="javascri-pt:void（0）">登录/注册</a>

    示例2 - 带图标按钮：

    <a c-lass="quick__button" href="javascri-pt:void（0）"><i c-lass="fa fa-user"></i> 登录</a>

    示例3 - 分开的登录和注册：

    <a c-lass="quick__button" data-tab="login" href="javascri-pt:void（0）">登录</a>

    <a c-lass="quick__button" data-tab="register" href="javascri-pt:void（0）">注册</a>

【第5步】刷新缓存

    后台 > 系统 > 数据更新 > 刷新所有信息页面

后台路径：后台 > 系统 > 系统设置 > 系统参数设置 > 用户设置

【登录验证码】

    - 开启：弹窗显示登录验证码

    - 关闭：弹窗隐藏登录验证码

功能特性

================================================================================

【安全特性】

    ✓ XSS防护 - 所有用户输入都经过HTML转义

    ✓ 输入验证 - 用户名、密码、邮箱、手机号格式验证

    ✓ 安全头部 - X-Content-Type-Options, X-Frame-Options

【界面特性】

    ✓ 美观的弹窗设计

    ✓ 平滑动画效果

    ✓ 成功/错误/加载提示带图标

    ✓ 响应式布局，支持移动端

【用户体验】

    ✓ 登录/注册成功后停留在当前页面

    ✓ 验证码点击刷新

    ✓ 键盘Esc关闭弹窗

    ✓ 点击遮罩层关闭弹窗

【浏览器兼容】

    ✓ IE11 及以上

    ✓ Chrome / Edge

    ✓ Firefox

    ✓ Safari

    ✓ 移动端浏览器

帝国CMS程序模板后台截图