vant/lib/loading/index.js

A Vue.js 2.0 Mobile UI at YouZan

'use strict';

exports.__esModule = true;

var _createBasic = require('../utils/create-basic');

var _createBasic2 = _interopRequireDefault(_createBasic);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

exports.default = (0, _createBasic2.default)({
  render: function render() {
    var _vm = this;var _h = _vm.$createElement;var _c = _vm._self._c || _h;return _c('div', { staticClass: "van-loading", class: ['van-loading--' + _vm.type, 'van-loading--' + _vm.color], style: _vm.style }, [_c('span', { staticClass: "van-loading__spinner", class: 'van-loading__spinner--' + _vm.type }, [_vm._l(_vm.type === 'spinner' ? 12 : 0, function (item) {
      return _c('i');
    }), _vm.type === 'circular' ? _c('svg', { staticClass: "van-loading__circular", attrs: { "viewBox": "25 25 50 50" } }, [_c('circle', { attrs: { "cx": "50", "cy": "50", "r": "20", "fill": "none" } })]) : _vm._e()], 2)]);
  },

  name: 'loading',

  props: {
    size: String,
    type: {
      type: String,
      default: 'circular'
    },
    color: {
      type: String,
      default: 'black'
    }
  },

  computed: {
    style: function style() {
      return this.size ? {
        width: this.size,
        height: this.size
      } : {};
    }
  }
});