FOF加载框居中.文本靠下

admin

      <样式>
            .layui-layer-loading .lay-弹出层-内容 {
                显示模式: 弹性布局;
                弹性布局-方向: 垂直显示;
                内容对齐: 居中;
                对齐-项目: 居中;
                高度: 100%;
                宽度: 100%;
                盒子模型: 边界框;
            }

            /* 加载动画样式 */
            .layui-layer-loading .lay-弹出层-内容 .加载动画 {
                宽度: 50px;
                高度: 50px;
                边框: 4px 实线 #f3f3f3;
                边框-顶部: 4px 实线 #3498db;
                边框-圆角: 50%;
                动画: spin 2s 匀速 无限次;
            }

            /* 动画关键帧 */
            @关键帧动画 spin {
                0% {
                    转换: 旋转(0deg);
                }
                100% {
                    转换: 旋转(360deg);
                }
            }

            /* 文字样式 */
            .layui-layer-loading .lay-弹出层-内容 .加载文字 {
                上边距: 20px;
                字体-大小: 16px;
                颜色: #333;
                文本-对齐: 居中;
            }
        </样式>