vue-mzc-price
v1.0.2
Published
Simple Vue2 price component
Downloads
6
Readme
vue-mzc-price
Simple Vue2 price component
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;
}