layuiAdmin -自定义右弹出页面功能

展示效果

1、添加点击按钮

 <!-- 弹出右边测试菜单 -->
                <li class="layui-nav-item layui-hide-xs" lay-unselect>
                    <a href="javascript:;" layadmin-event="test">
                        <i class="layui-icon ">右弹出</i>
                    </a>
                </li>

2、找到 admin.js 文件

在 //弹出关于面板, 下方添加此代码，在467行左右

LAY_adminPopupAbout 表示弹出
system/test 对应弹出的页面模板路径

 //弹出测试面板
        , test: function () {
            admin.popupRight({
                id: 'LAY_adminPopupAbout'
                , success: function () {
                    view(this.id).render('system/test');
                }
            });
        }

3、添加页面模板

4、在弹出更多中弹出该页面

在弹出更多的页面中添加弹出 新的页面

添加弹出更多页面

 <!-- 弹出更多 -->
<li class="layui-nav-item" lay-unselect>
       <a href="javascript:;" layadmin-event="more"><i class="layui-icon layui-icon-more-vertical"> <!--更多--></i></a>
 </li>

点击弹出更多

同效果

本文到此结束，如果觉得有用，动动小手点赞或关注一下呗，将不定时持续更新更多的内容…，感谢大家的观看！