当前位置: 首页 > 网络应用技术

反应完整的屏幕组件

时间:2023-03-05 16:48:25 网络应用技术

  本文基于+,向您展示完整的文章。

  原因是今天对我进行了开发,这是相对较小的,它不支持放大,这并不方便。我希望能够显示全屏幕,以为您将来也可能需要它,然后研究并记录它。

  实际上,我认为它不是很小(orz)

  每个人都应该在网页上看到按钮。单击它后,该页面变为全屏,并且经常出现在其中。

  上图是菜单省略的左图全屏后的效果。

  我谈论我的意见,看来完整的屏幕显示已分成。

  如上所示,身体消失了。

  对于全屏,似乎当您全心全意地阅读它时,更需要全屏,好像每个人都喜欢全屏幕。。

  使用纱线或NPM安装此库。官方网站提供了一些演示,该演示正在链接。

  我明白,该代码直接打开。

  显示是这样的,添加了代码,每个人都可以查看它。由于它不是很支持,所以我将其放在ANTD Pro项目中以向您展示效果。

  这样,我们仅实现了扩大和隐藏其他不重要部分(左侧)的效果。

  这还不够,其中有一些细节。

  您可以看到这种样式已经存在,我们加入了填充物,因此该卡不会被子。

  您可以看到盒子已更改。

  如果您认为这已经结束,就是这样。LET谈论秘密坑。

  在ANTD组件中,模态/抽屉/消息是体内生成的所有DOM元素,所以我们会吗?

  根本没有对话框/消息提示。

  但是提供相应的参数以控制DOM的安装元素。

  模态

  模态可以这样解决,我们首先设置一个ID:

  请注意,此ID必须在全屏组件中。

  然后,我们将以下参数添加到modal.info中,模态组件:

  注意:这里的模态不写在我的演示中,它属于扩展名。编写模态组件并不复杂,您可以自己尝试。

  信息

  通过message.config传递到getContainer方法:

  我在这里找不到好方法。每次jessage.info,我都需要配置,这更麻烦。如果可能的话,可能会有问题,并且您有更好的方法来留言。