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

 

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

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

---

wxml代码

<view class="canui-load" wx:if="{{loadModal}}">
    <view class='cu-load load-modal text-blue' wx:if="{{loadModal}}">
        <view class='icon-discoverfill text-blue'></view>
        <!-- <image src='/images/logo.png' class='png' mode='aspectFit'></image> -->
        <view class='gray-text'>加载中...</view>
    </view>
</view>

---

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里的一样使用