当前位置: 首页 > 知识库问答 >
问题:

javascript - 如何实现类似窗口的UI组件,替代Element UI Dialog?

岳均
2024-08-23

请问有没有组件或者方法能实现类似的窗口?

175291e252cbb163b0a54b57a1e7e0d.png
尝试过使用element ui的Dialog 对话框但是效果不满意。

共有2个答案

葛航
2024-08-23

你得说你有啥不满意的哇。样式不满意可以自己改写主题样式。
功能不满意的话,得看是什么功能。全屏功能 el-dialog 是自带的。窗口拖拽的功能需要自己写 组件拖拽的自定义指令 或者使用社区中的现成扩展来实现,比如说 useDraggable | VueUse。

巢承安
2024-08-23

你可以试试primevue的Dialog,有全屏自带可拖动

 类似资料:
  • 我正在阅读下面Joe Albahari优秀的“C9简而言之”的摘录,并试图理解这里用粗体描述的内容。有人能用我更能理解的方式解释替代方法吗?出于某种原因,这对我来说似乎有些落后。

  • 本文向大家介绍javascript实现类似超链接的效果,包括了javascript实现类似超链接的效果的使用技巧和注意事项,需要的朋友参考一下 实现类似超链接的效果,this代表本页面元素 小伙伴们是否对javascript的事件有所认识了呢,有疑问就给我留言吧

  • 本文向大家介绍javascript实现的HashMap类代码,包括了javascript实现的HashMap类代码的使用技巧和注意事项,需要的朋友参考一下

  • 本文向大家介绍JavaScript实现模仿桌面窗口的方法,包括了JavaScript实现模仿桌面窗口的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JavaScript实现模仿桌面窗口的方法。分享给大家供大家参考。具体如下: 这里使用JS模仿了桌面窗口的移动、八个方向的缩放、最小化、最大化和关闭,以及 双击缩小放大窗口、改变窗口大小的预览效果等功能。 希望本文所述对大家的javasc

  • 本文向大家介绍Android中RecyclerView布局代替GridView实现类似支付宝的界面,包括了Android中RecyclerView布局代替GridView实现类似支付宝的界面的使用技巧和注意事项,需要的朋友参考一下 单纯使用GridView 通用的两种给GridView 添加分割线的方法;http://stackoverflow.com/questions/7132030/andr

  • 本文向大家介绍jQuery窗口拖动功能的实现代码,包括了jQuery窗口拖动功能的实现代码的使用技巧和注意事项,需要的朋友参考一下 具体代码如下所示: 下面看下jQuery 鼠标拖拽移动窗口的实现代码 拖拽移动需要注意的是:拖拽移动的窗口是如何定位的,如果"left"属性为"%" ,以"margin-left"来计算定位,如下实例,如果"left"属性为数字,直接使用"left"即可。 以上所述是

  • 需求:实现一个功能,有多个span标签,内容为用户名,点击span标签,使其以tag的形式出现在一个contentEditable为true的div中,并且tag有背景色和4px的padding,tag不可编辑,当鼠标在div有焦点,则在当前焦点处插入tag,否则将tag加在最后面。 各位有什么实现方案吗 技术:在vue项目中。不要库。原生js实现

  • 本文向大家介绍Vue-router 类似Vuex实现组件化开发的示例,包括了Vue-router 类似Vuex实现组件化开发的示例的使用技巧和注意事项,需要的朋友参考一下 本文介绍了Vue-router 类似Vuex实现组件化开发的示例,分享给大家,具体如下: 随着项目越来越大,把所有route写在一个文件里就显得杂乱。 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程