微信小程序 colorui 修改弹出加载框的问题(2.0.2版本)

微信小程序 colorui 修改弹出加载框的问题(2.0.2版本)_第1张图片

 

使用的是colorui的小程序UI框架。

colorui地址:https://www.color-ui.com/


wxml代码


    
        
        
        加载中...
    

wxss代码

/*外层容器,防止穿透点击*/
.canui-load{
    position:fixed;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    background: rgba(0, 0, 0, 0.5);
    z-index:99999;
}
/*关闭设置的阴影层,关闭底部距离,让它居中*/
.canui-load .cu-load.load-modal{
    box-shadow:inherit;
    bottom:0;
}
/*修改加载圈圈颜色*/
.canui-load .cu-load.load-modal::after{
    border-left: 6rpx solid #0081ff;
}

js跟官方demo里的一样使用

 

 

 

你可能感兴趣的:(小程序,前端)