实现 Fast.api.open 默认全屏打开

发布时间 2023-03-22 21:53:02作者: 斯斯20222

实现 Fast.api.open 默认全屏打开

发布于 2021-01-19 10:36:08

在后台的 JS 中调用 Fast.api.open() 方法时,如果需要使弹出层默认全屏打开,有三种实现方式

1. 设置属性 area 的值为 ['100%', '100%'](该方式破坏了Layer的全屏实现,当打开弹出层后,点击右上角全屏或退出全屏,都不会改变弹出层宽高,不推荐)
2. 利用 Require.js 引入 layer 组件,在需要弹出的地方使用以下代码弹出(推荐)

image.png

Layer.full(Fast.api.open('https://www.fastadmin.net', 'Fastadmin'));

3. 修改 public/assets/jsfast.js 文件中 Fast.api.open() 方法
!!! 该方法将修改 fast.js 核心代码,为了避免影响后期升级,不建议使用

新增一个形参 , full = false
open: function (url, title, options, full = false) {
image.png

在底部 return Layer.open(options); 前面添加一个条件分支

if (full) {
   return Layer.full(Layer.open(options));
}

image.png

完成以上步骤后,使用 Fast.api.open('https://www.fastadmin.net', 'Fastadmin', {}, true) 即可实现全屏弹出