vivo-ui/lib/components/loading/index.js

vivo ui component lib for vue

import Layer from '../layer/index';

(function () {
  if (typeof document !== 'undefined') {
    var head = document.head || document.getElementsByTagName('head')[0],
        style = document.createElement('style'),
        css = " .src-components-loading-index--loading--3fgIz.src-components-loading-index--layer--1Qc9l { position: absolute; left: 0; right: 0; top: 0; bottom: 0; visibility: hidden; } .src-components-loading-index--box--3UrnO { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); visibility: visible; } ";style.type = 'text/css';if (style.styleSheet) {
      style.styleSheet.cssText = css;
    } else {
      style.appendChild(document.createTextNode(css));
    }head.appendChild(style);
  }
})();

var index = { render: function render() {
    var _vm = this;var _h = _vm.$createElement;var _c = _vm._self._c || _h;return _c('layer', _vm._b({ class: [_vm.$style.loading, _vm.$style.layer], style: { visibility: _vm.layer ? 'visible' : '' } }, 'layer', _vm.$attrs, false), [_c('div', { class: _vm.$style.box }, [_vm._t("default", [_vm._v("正在加载...")])], 2)]);
  }, staticRenderFns: [], cssModules: { "loading": "src-components-loading-index--loading--3fgIz", "layer": "src-components-loading-index--layer--1Qc9l", "box": "src-components-loading-index--box--3UrnO" },
  inheritAttrs: false,
  props: {
    layer: { // 是否显示遮罩层
      type: Boolean,
      default: false
    }
  },
  computed: {
    $style: function $style() {
      return this.$options.cssModules;
    }
  },
  components: {
    Layer: Layer
  },
  mounted: function mounted() {
    // 将父元素设置成相对定位
    this.$el.parentElement.style.position = 'relative';
  }
};

export default index;