fastadmin 自定义弹窗大小

自定义fastadmin 弹窗大小的四种方式

第一种：全局控制弹窗大小

在fast.js文件的133行修改弹窗大小

第二种：在表格里面点击按钮触发的弹出层，这是在js文件添加按钮，然后点击触发弹出层。

代码：

 extend:'data-area=["100%","100%"]',

第三种：非表格里面点击按钮出现弹出层，自定义宽高

这里我是在表格外面点击按钮触发弹出层，按钮的生成代码和给弹出层传参的方式完全不一样。

   <a href="echarts/index" class="btn btn-info btn-dialog" title="图表" data-area=["100%","100%"] ><i class="fa fa-map-signs"></i> 地图</a>
   

a标签生成的按钮，title=“图表” data-area=[“100%”,“100%”] title 是 弹出层的标题，data-area则是传参宽高

这里我给的宽高占比是 100%的效果

第四种：修改指定列表页的新增、修改页弹窗大小

在对应的js文件中添加以下代码;

修改此处的新增，修改按钮弹窗大小

代码：

   // 修改添加窗口的大小
            $(".btn-add").data("area", ["80%", "100%"]);
            // 修改编辑窗口的大小
            $(".btn-edit").data("area", ["50%", "60%"]);

列表修改按钮 弹窗大小

    table.on('post-body.bs.table',function () {
                $('.btn-editone').data("area",["80%","100%"]);
            });

可根据自己的需求选择对应的自定义弹窗大小方式