自定义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%"]);
可根据自己的需求选择对应的自定义弹窗大小方式