meri-design-dev/custom/theme/Loading.styl

基于vue框架的ui库

/*!
 * @meri-design-dev v0.0.13
 * (c) 2019-2020 wangyongcun
 * Released under the MIT License.
 * 2024-04-29 11:26:20
 */
.p-loading
  display: flex
  align-items: center
  justify-content: center
  font-size: 0
  z-index: 8000

.p-loading-bg
  position: absolute
  left: 0
  top: 0
  z-index: 1
  width: 100%
  height: 100%

.p-loading-global
  position: fixed
  left: 0
  top: 0
  background-color: $theme
  width: 100%
  height: 100%

.p-loading-item
  z-index: 2

.p-loading-item img
  width: 100%
  height: 100%

.p-loading-local
  position: absolute
  left: 0
  top: 0
  width: 100%
  height: 100%

.p-loading-local .p-loading-bg
  background-color: $grey-50