这篇文章主要介绍了elementUI vue this.$confirm 和el-dialog 弹出框 移动 示例demo,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
调试了好久, 还能凑合用, 请直接看DOME 示例,复制就能用:
<title>Title</title><!-- import CSS --> #appLoading { width: 100%; height: 100%; } #appLoading span { position: absolute; display: block; font-size: 50px; line-height: 50px; top: 50%; left: 50%; width: 200px; height: 100px; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } <div id="appLoading"> <span>Loading...</span></div><div id="app"> <span> 您是否确定启用次记录?</span><span class="dialog-footer"> 启用取消</span></div><!-- import Vue before Element --><!-- import JavaScript --><!-- import jquery -->
ps:下面看下vue-elementUI 弹出框
<div class="dial-header"> <div style="text-align: left;margin: 0;width:400px"> <div class="adp" style="width:300px;height:30px;line-height:30px;border-top:none;margin:0px 0px 0px 40px"> <b>本文来源gao@!dai!ma.com搞$$代^@码!网</b><div style="width:30px"></div></div><div style="padding-top:20px;text-align: right"> 取消确定</div></div>选择</div>
总结
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
以上就是elementUI vue this.$confirm 和el-dialog 弹出框 移动 示例demo的详细内容,更多请关注gaodaima搞代码网其它相关文章!