captain-ui/es/goods-list/components/buy-button.js

有赞vue wap业务组件库

import "vant/es/loading/style";
import _Loading from "vant/es/loading";
import "vant/es/button/style";
import _Button from "vant/es/button";
import "vant/es/icon/style";
import _Icon from "vant/es/icon";

var _components;

var BUTTON_TEXT_MAP = {
  3: '马上抢',
  4: '购买'
};
export default {
  render: function render() {
    var _vm = this;

    var _h = _vm.$createElement;

    var _c = _vm._self._c || _h;

    return _c('div', {
      staticClass: "cap-goods-list__buy-btn-wrapper",
      class: [_vm.buttonTypeClass],
      on: {
        "click": function click($event) {
          $event.stopPropagation();
          $event.preventDefault();

          _vm.$emit('click');
        }
      }
    }, [_vm.isLoading && +_vm.buyButtonType !== 5 ? _c('div', {
      staticClass: "cap-goods-list__buy-btn-loading"
    }, [_c('van-loading')], 1) : +_vm.buyButtonType === 1 ? _c('div', {
      staticClass: "cap-goods-list__buy-btn-1"
    }, [_c('van-icon', {
      attrs: {
        "name": "shopping-cart"
      }
    })], 1) : +_vm.buyButtonType === 2 ? _c('van-icon', {
      staticClass: "cap-goods-list__buy-btn-2",
      attrs: {
        "name": "add-o"
      }
    }) : +_vm.buyButtonType === 3 ? _c('van-button', {
      staticClass: "cap-goods-list__buy-btn-3",
      attrs: {
        "size": "small",
        "type": "danger"
      }
    }, [_vm._v("\n    " + _vm._s(_vm.goodsButtonText) + "\n  ")]) : +_vm.buyButtonType === 4 ? _c('van-button', {
      staticClass: "cap-goods-list__buy-btn-4",
      attrs: {
        "size": "small"
      }
    }, [_vm._v("\n    " + _vm._s(_vm.goodsButtonText) + "\n  ")]) : +_vm.buyButtonType === 5 ? _c('van-button', {
      staticClass: "cap-goods-list__buy-btn-5",
      attrs: {
        "type": "primary",
        "square": "",
        "size": "large"
      }
    }, [_vm._v("\n    我要抢购\n  ")]) : _vm._e()], 1);
  },
  components: (_components = {}, _components[_Icon.name] = _Icon, _components[_Button.name] = _Button, _components[_Loading.name] = _Loading, _components),
  props: {
    buyButtonType: Number,
    isLoading: Boolean,
    buttonText: String
  },
  computed: {
    buttonTypeClass: function buttonTypeClass() {
      return "cap-goods-list__buy-btn-wrapper--" + this.buyButtonType;
    },
    goodsButtonText: function goodsButtonText() {
      return this.buttonText ? this.buttonText : BUTTON_TEXT_MAP[this.buyButtonType];
    }
  }
};