vue-mzc-price

Simple Vue2 price component

Online demo

Installation

npm install vue-mzc-price --save

Usage

import VueMzcPrice from "vue-mzc-price";
import "vue-mzc-price/src/vue-mzc-price.css";

export default {
  components: {
    VueMzcPrice,
  },
};

<vue-mzc-price :cost="1024" />
<vue-mzc-price :cost="2048" olden />

Customize

.vue-mzc-price {
  --vue-mzc-price-font-size: 1.125em;
  --vue-mzc-price-font-weight: 700;
  --vue-mzc-price-line-height: 1.5em;
  --vue-mzc-price-color: #222222;
  --vue-mzc-price-olden-font-size: 0.875em;
  --vue-mzc-price-olden-font-weight: 400;
  --vue-mzc-price-olden-line-height: 1em;
  --vue-mzc-price-olden-color: #999999;
  --vue-mzc-price-olden-line-height: 1px;
  --vue-mzc-price-olden-line-color: #ff0000;
  --vue-mzc-price-currency-gap: 5px;
}