苹果CMS弹出登录/讯息教程

用于制做js弹出登录框模板 , 由home.js里的MAC.User.Login();触发，用户未登录状态弹出的是ajax_login.html登录后弹出进入的是ajax_info.html

文件目录html/user/ajax_login.html

弹出登录：

<!--登录弹窗开始--><div class="mac_login">    <form class="mac_login_form">        <div class="login_form_group">            <input type="text" class="mac_u_name" name="user_name" placeholder="手机/登录账号">        </div>        <div class="login_form_group">            <input type="password" class="mac_u_pwd" name="user_pwd" placeholder="登录密码">        </div>        {if condition="$GLOBALS['config']['user']['login_verify'] eq 1"}        <div class="login_form_group clearfix">            <input type="text" class="mac_u_verify" name="verify" placeholder="请输入验证码">            <img class="mac_verify_img" src="{:url('verify/index')}" onclick="this.src = this.src+'?'">        </div>        {/if}        <div class="login_form_link">            <a href="{:url('user/reg')}">注册</a>            <a href="{:url('user/findpass')}">忘记密码</a>        </div>        <div class="login_form_group">            <input type="button" class="login_form_submit" value="登录">        </div>    </form></div><!--登录弹窗结束-->

弹出信息：

文件目录html/user/ajax_info.html

<!--登录弹窗开始--><div class="mac_login">    <form class="mac_login_form">        <div class="login_form_group">            会员名：{$obj.user_name}        </div>        <div class="login_form_group">            会员等级：{$obj.group_name}        </div>        <div class="login_form_group">           剩余积分：{$obj.user_points}        </div>        <div class="login_form_group">            上次登录时间：{$obj.user_last_login_time|mac_day=color}        </div>        <div class="login_form_group">            登录次数：{$obj.user_login_num}        </div>        <div class="login_form_link">            <a href="{:url('user/index')}">进入会员中心</a>            <a href="{:url('user/logout')}">退出</a>        </div>    </form></div><!--登录弹窗结束-->

实现弹出效果：

<!-- 模板需要确保已经引入 `staticjshome.js` --><a class="nav-link" href="javascript:;">会员</a><script>   $('body').on('click', '#Login', function(e){              	      MAC.User.Login();   });  </script>