</div>
</div>

<div class="layui-footer">
    <div class="foot" style="bottom 0px;left: 0px;background-color: #92B8B1;width: 100%;height: 100px;clear: both">
        <div align="center" style="height: 40px;">
            <img src="./image/frontend_face1.jpg" style="width: 120px;height: 60px">
            <span style="font-size: 18px;">技术支持:</span>
            <i class="layui-icon layui-icon-username"></i>
            <span style="font-size: 18px;color: #0000FF">作者:陈钱</span>
            <i class="layui-icon layui-icon-release"></i>
            <span style="font-size: 18px;color: #0000FF">班级:计算机科学与技术1804班</span>
            <i class="layui-icon layui-icon-login-wechat"></i>
        </div>
        <hr style="color: red">
        <div align="center">
            <i class="layui-icon layui-icon-tree" style="font-size: 20px">如果有问题请联系管理员:18603778899</i>
        </div>

    </div>
</div>

<script>
    //JS
    layui.use(['element', 'layer', 'util'], function(){
        var element = layui.element
            ,layer = layui.layer
            ,util = layui.util
            ,$ = layui.$;

        //头部事件
        util.event('lay-header-event', {
            //左侧菜单事件
            menuLeft: function(othis){
                layer.msg('展开左侧菜单的操作', {icon: 0});
            }
            ,menuRight: function(){
                layer.open({
                    type: 1
                    ,content: '<div style="padding: 15px;">处理右侧面板的操作</div>'
                    ,area: ['260px', '100%']
                    ,offset: 'rt' //右上角
                    ,anim: 5
                    ,shadeClose: true
                });
            }
        });

    });
</script>
</body>
</html>