User interface 如何在Magnetor 2 admin中实现滑动窗口

magento 2 admin后端有一个用户界面，当我们单击widnow时，新的滑动窗口从右侧出现。有关示例视图，请转到

产品->目录->添加产品->图像和视频选项卡->并单击添加视频按钮

---

如何在我们的自定义模块中实现这种滑动效果。如果有人知道，请提供帮助。这对我来说非常重要。

这是通过使用modal实现的，您可以在管理表单中使用自定义html。以下是基本html实现的正常示例：

.modal.left.modal对话框，
.modal.right.modal对话框{
位置：固定；
保证金：自动；
宽度：320px；
身高：100%；
-webkit转换：translate3d（0%，0，0）；
-ms变换：translate3d（0%，0，0）；
-o变换：translate3d（0%，0，0）；
变换：translate3d（0%，0，0）；
}
.modal.left.模态内容，
.modal.right.模态内容{
身高：100%；
溢出y：自动；
}
.modal.left.模态体，
.modal.right.模态体{
填充：15px 15px 80px；
}
/*左*/
.modal.left.fade.modal对话框{
左：-320px；
-webkit过渡：不透明度0.3s线性，左0.3s缓和；
-moz过渡：不透明度0.3s线性，左0.3s缓和；
-o型过渡：不透明度0.3s线性，左0.3s缓和；
过渡：不透明度0.3s线性，左0.3s缓和；
}
.modal.left.fade.in.modal对话框{
左：0；
}
/*对*/
.modal.right.fade.modal对话框{
右：-320px；
-webkit过渡：不透明度0.3s线性，右0.3s缓和；
-moz过渡：不透明度0.3s线性，右0.3s缓和；
-o型过渡：不透明度0.3s线性，右0.3s缓和；
过渡：不透明度0.3s线性，右0.3s缓和；
}
.modal.right.fade.in.modal对话框{
右：0；
}
/*-----情态风格------*/
.模态内容{
边界半径：0；
边界：无；
}
.模态标题{
边框底色：#EEEEEE；
背景色：#FAFAFA；
}
/*----v可以被删除v-----*/
身体{
背景色：#78909C；
}
.演示{
填充顶部：60px；
垫底：110px；
}
.btn演示{
利润率：15px；
填充：10px 15px；
边界半径：0；
字体大小：16px；
背景色：#FFFFFF；
}
.btn演示：焦点{
大纲：0；
}

点击这里
&时代；
右侧边栏
动物保护协会的陈词滥调，埃尼姆·埃乌斯莫德的高寿命accusamus terry richardson广告鱿鱼。3狼月亮奥特餐厅，非丘比特滑板多洛早午餐。食品车奎奴亚藜。早午餐3狼月亮临时，圣塔阿利夸放了一只鸟在上面鱿鱼单一来源咖啡NullaAssumenda shoreditch等Nihil anim keffiyeh helvetica，工艺啤酒工人wes anderson cred Nesciut sapiente ea proident。纯素食主义者，屠夫副洛莫。紧身裤从工艺啤酒场到餐桌，生料牛仔布美学合成物，你可能还没听说过accusamus labore可持续VHS。

这不是一个好的解决方案。您可以使用magento滑动面板小部件