Loading 加载中

加载中，分为图片模式和页面模式两种。

引入

import PressLoading from 'press-ui/press-loading/press-loading';

export default {
  components: {
    PressLoading,
  }
}

代码演示

基本用法

示例

<template>
  <press-loading />
  <press-loading loading-scenes="btn" />
  <press-loading
    loading-scenes="page"
    loading-bg="#eee"
  />
</template>

<script>
import PressLoading from 'press-ui/press-loading/press-loading';

export default {
  component: {
    PressLoading,
  },
};

</script>

API

Props

参数	说明	类型	默认值
loading-bg	loading背景色	string	-
loading-scenes	loading的场景，可选项：page/btn	string	page

在线调试

常见问题

实现原理

press-loading 采用的是绝对定位，left/right/bottom/top 均为0，所以要改变其高度，只需要修改最近的 position: relative的祖先元素（父元素）即可。