zoukankan      html  css  js  c++  java
  • vue.js中Ueditor如何引入第三方网站视频中添加Loading

    编辑器插入的第三方视频:

    第三方引入的视频在没加载前要如下图所示的效果

    在 all.js文件中 找到视频插入模板 creatInsertStr:方法

    加上前置 new_video 容器为了放入loading.

    最后再 显示的页面 插入 loading 就可以了

    我这是在vue 中的 就在加载后html:

               this.$nextTick(function () {
                            var $iFrame = $('embed');
                            $("<div class="loading_new ivu-spin ivu-spin-default ivu-spin-fix ivu-spin-show-text"><div class="ivu-spin-main"><span class="ivu-spin-dot"></span> <div class="ivu-spin-text"><i class="demo-spin-icon-load ivu-icon ivu-icon-ios-loading" style="font-size: 18px;"></i> <div>Loading...</div></div></div></div>").prependTo($('.new_video'));
                            $($iFrame).load(function(){
                                $('.loading_new').remove()
                                console.log("加载完毕");
                            });
                        })

     就可以了

  • 相关阅读:
    16-镜像命名的最佳实践
    15-RUN vs CMD vs ENTRYPOINT
    14-Dockerfile常用指令
    13-调试Dockerfile
    12-镜像的缓存特性
    11-Dockerfile构建镜像
    10-构建镜像
    09-镜像的分层结构
    08-base镜像
    07-镜像-最小的镜像
  • 原文地址:https://www.cnblogs.com/lllomh/p/14991892.html
Copyright © 2011-2022 走看看