首页 > 其他分享 >实现 Fast.api.open 默认全屏打开

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

时间:2023-03-22 21:55:53浏览次数:35  
标签:Layer full Fast api 全屏 open

实现 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) 即可实现全屏弹出

标签:Layer,full,Fast,api,全屏,open
From: https://www.cnblogs.com/tomcat2022/p/17245604.html

相关文章

  • fastadmin生成Tab选项卡
    fastadmin生成Tab选项卡2022-12-23不要看什么狗屁文档,都是骗人的,让我踩了半天坑。  关于fastadmin生成选项卡,最简单,最直接的办法就是【字段命名】,不要添加任何命......
  • Openwrt 使用终端挂载共享硬盘
    Openwrt使用终端挂载共享硬盘我这里使用的是R2S软路由挂载的SATA硬盘,通过usb2.0接口外接硬盘,速度只有30M左右,后续升级。使用的R2S里面没有网络共享的页面,只能使用终端进......
  • 开源API网关APINTO:如何限制应用访问哪些API?
    公司的业务系统比较多,还有第三方的系统,为了保障后端系统稳定以及业务的安全,今天研究了一下APINTO网关的服务治理——访问策略。要满足想要的业务场景效果,还涉及到APINTO......
  • 使用OpenSearch 构建日志监控与管理平台
    基于Windows平台环境搭建:步骤一:在OpenSearch官方网站下载Windows平台最新安装包,写作时当前最新版本是2.6.0,也可直接通过以下链接直接下载:OpenSearch下载: https://ar......
  • OpenHarmony南向之旅之HDF传感器驱动开发
    (OpenHarmony南向之旅之HDF传感器驱动开发)前言南向小白在AlgoIdeas指导下的一次基于HDF框架开发温度传感器驱动之旅,主要内容为开发温度传感器通用驱动代码以及针对SHT31......
  • 4种API性能恶化根因分析
    摘要:服务发生性能恶化时,需要投入大量人力分析性能异常根因,分析成本高,耗时长。我们提出了一种先在异常调用链内部分析候选根因,再在全局拓扑环境下对候选根因进行汇聚的二级分......
  • 手机号码归属地 API 实现防止骚扰电话,看这一篇就够了(内附设计思路和代码)
     在当今时代,骚扰电话已经成为了很多人日常生活中的一个常见问题,严重影响了人们的工作和生活。为了避免这种情况的发生,企业和机构可以采用手机号码归属地API,以提供更......
  • ASP.NET Core API模型绑定和Action数据返回格式
    参考文档:https://www.cnblogs.com/FlyLolo/p/ASPNETCore2_20.html模型绑定[FromQuery]-从URL中取值。[FromRoute]-从路由中取值。[FromForm]-从表单中取值。Pos......
  • OpenStack各组件的常用命令
    openstack命令openstack-servicerestart#重启openstack服务openstackendpoint-list#查看openstack的端口nova的常用命令novalist#列举当前用户......
  • Git错误non-fast-forward后的冲突解决
    当要push代码到git时,出现提示:error:failedtopushsomerefsto...Dealingwith“non-fast-forward”errorsFromtimetotimeyoumayencounterthiserrorwhilepus......